JSFiddle - React, Tailwind, and code Playground

by chovy

HTML

<div>
    <input type="file" multiple name="files" />
    Upload files
</div>

CSS

div { width: 200px; border: 1px solid blue; cursor: pointer; position: relative; overflow: hidden; }
input { display: block; border: 1px solid green; cursor: pointer !important; opacity: .5; position: absolute; top: 0; right: 0; font-size: 100px; }
.test { display: block; width: 100%; cursor: pointer; opacity: .5; background: #f00; height: 100%; position: absolute; top: 0; left: 0; }