Html 输入类型="；文件"；在firefox 23.0.1中工作不好

我有常用的表单，有一些输入type=“file”元素。奇怪，但在Firefox 23.0.1中，它们的工作不是很好。它们只在第二次单击时工作（有时在第一次单击时工作）。在所有其他浏览器中（虽然没有在prev Firefox中测试），一切都很正常

<div>
    <label>User files</label>
    <div>
        No user files
        <br />
        <input type="file" class="save-my-data-btn btn-min userfiles" name="userfiles[]" id="ufirstFile" />
        <div class="msgerr"></div>
    </div>
</div>
<div>
    <label>Manager files</label>
    <div>
        No manager files
        <br />
        <input type="file" class="save-my-data-btn btn-min adminfiles" name="adminfiles[]" id="afirstFile" />
        <div class="msgerr"></div>
    </div>
</div>

---

看看这个，它将有助于自定义一个按钮，并将其用作表单的文件输入表单，在所有浏览器上它看起来都几乎相同

你有什么CSS与之关联，因为我有一种预感，某些CSS正在阻止输入元素的一部分。我添加了CSS，谢谢评论！您不应该将问题标记为重复问题，而不是链接到另一个SO问题作为您的答案吗？另一个问题是关于定制一般的文件输入，这个问题是关于如何

firefox

呈现文件输入，以及如何为该浏览器修复它，我把这个答案放在那里，如果有人对这个问题有一个更好的答案，与这个问题更好地相关，仍然可以发布它。谢谢！我查看了答案，并尝试添加位置：相对于输入css。成功了！

    .btn-min {
    font-size: 12px;
    padding: 4px 10px 3px;
}
.save-my-data-btn {
    cursor: pointer;
    box-shadow: 0px 1px 0px 0px rgb(190, 226, 249) inset;
    background: -moz-linear-gradient(center top , rgb(208, 228, 241) 5%, rgb(161, 191, 219) 100%) repeat scroll 0% 0% rgb(161, 191, 219);
    border-radius: 1px 1px 1px 1px;
    border: 1px solid rgb(113, 136, 167);
    display: inline-block;
    color: rgb(41, 85, 126);
    font-size: 13px;
    font-weight: bold;
    padding: 6px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 0px rgb(224, 224, 224);
    margin: 0px;
}