INPUT元素 - 如何在firefox中为它添加标签

Question

我想为页面中的文件选择器按钮自定义标签。它不是FORM的一部分。

但是，在Firefox和Chrome中，INPUT / LABEL元素的行为有所不同。它们都以类似方式显示HTML。但是在Chrome中，单击“选择文件”会启动文件选择器，但在Firefox中不执行任何操作。我不确定它有什么问题。

<input type="file" accept="csv" fileread="selectedFile" id="filenameselector" style="display:none">
<label class="btn btn-small btn-info" for="filenameselector">Select File</label>

在firefox firebug中跟踪事件显示输入元素正在点击但什么也没做。

click clientX=49, clientY=20 » input#filenameselector
DOMActivate  » input#filenameselector

请参阅http://jsfiddle.net/9rCQD/

非常感谢您的帮助。感谢。

Answer 1

请参阅评论，了解两种解决Firefox错误的方法