JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<a class="fileuploadlink">
  <div class="inputhidden">
    <input type="file" />
  </div>
</a>

CSS

a.fileuploadlink {position:relative;display:block;width:30px;height:30px;background:url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yU/x/XUQ8Cg7ygHd.png) no-repeat 0 0;background-position: -434px -99px;}
a.fileuploadlink .inputhidden {height:100%;overflow:hidden;position:absolute;right: 0;top: 0;width: 100%;}
a.fileuploadlink .inputhidden input {bottom: 0;cursor: inherit;font-size: 1000px;height: 300px;margin: 0;opacity: 0;}