在隐藏的<input type =“file”/>上拖放文件上传

Question

我使用下面的方法来隐藏常规提供的样式并将其替换为我自己的自定义css（class =＆＃34; button＆＃34;），现在我已经这样做了，拖放文件不再有效，因为整个元素都是隐藏的。

是否有任何解决方法，最好不要使用JavaScript？

<label class="button" for="file">
    <input id="file" type="file" style="display:none;">
    Browse
</label>