当被按钮包围时，输入类型 =“文件”在 Firefox 中不起作用答案

【问题标题】：input type="file" is not working in Firefox when surrounded with a button当被按钮包围时，输入类型 =“文件”在 Firefox 中不起作用
【发布时间】：2013-12-30 16:01:07
【问题描述】：

如果我这样做：

<input multiple="multiple" type="file" id="upload_titlebar_logo_live" name="upload_titlebar_logo_live" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer;" />

在所有浏览器上一切正常。

如果我这样做：

<button class="success expand radius">
    <span id="save_image_titlebar_logo_live">Upload image</span>
    <input multiple="multiple" type="file" id="upload_titlebar_logo_live" name="upload_titlebar_logo_live" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0" />
</button>

在所有浏览器除了 Firefox 上一切都很好。当我单击按钮时，文件对话框不显示。

有什么想法吗？有解决办法吗？

（我也在使用 Foundation 和 Backbone，如果这是一个问题，但这似乎与那些框架无关）

【问题讨论】：

标签： html firefox

【解决方案1】：

尝试使用分配了“按钮”类的 div，而不是实际的按钮，因为该按钮只是用于设置样式...

<div class="button success expand radius">
    <span id="save_image_titlebar_logo_live">Upload image</span>
    <input multiple="multiple" type="file" id="upload_titlebar_logo_live" name="upload_titlebar_logo_live" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0" />
</div>

【讨论】：

是的，button 标签有问题。将其更改为 div 并像按钮一样设置样式。谢谢！
这里有同样的问题，你的解决方案也很有效！谢谢