我想自定义我的输入类型文件按钮。为此，我将它放在 span 中并将其 visibility 设置为 hidden。
<span class="btn btn-default" flow-btn>
Please choose a file
<input type="file"style="visibility: hidden; position: absolute;"></span>
我的问题是，当我点击 span 时，没有任何反应，但是当我从 style 中删除 visibility: hidden 时，会显示选择文件弹出窗口.
即使它是隐藏的，我怎样才能得到与 input type="file" 相同的结果？
<span class="btn btn-default" flow-btn>
Please choose a file
<input type="file"style="visibility: hidden; position: absolute;"></span>最佳答案
使用 <label>而不是 <span>具有针对 <input> 的“for”属性.
<label for="file-input" class="btn btn-default" flow-btn>
Please choose a file
<input id="file-input" type="file"style="visibility: hidden; position: absolute;"></label>
关于javascript - 如果隐藏，输入类型文件不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43589955/