【问题标题】: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 并像按钮一样设置样式。谢谢!
    • 这里有同样的问题,你的解决方案也很有效!谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-23
    • 1970-01-01
    • 2018-11-07
    • 1970-01-01
    • 2019-07-14
    • 2020-08-04
    • 1970-01-01
    相关资源
    最近更新 更多