我目前正在为一个拥有大量表单的网站做前端，所有样式都在 IE 中看起来很漂亮，但我刚刚注意到在 Firefox 中，文件输入字段没有响应我的任何样式，所有其他类型的输入字段都很好。我已经在 Firebug 中对其进行了检查，并将正确的样式与其相关联，但没有改变它的外观。
如果这不是我的脑残，那么这是 Firefox 中的已知问题吗？如果是这样，我以前怎么从来没有注意到它？
这是代码示例。
CSS:
form.CollateralForm input,
form.CollateralForm textarea
{
width:300px;
font-size:1em;
border: solid 1px #979797;
font-family: Verdana, Helvetica, Sans-Serif;
}
HTML:
<form method="bla" action="blah" class="CollateralForm">
<input type="file" name="descriptionFileUpload" id="descriptionFileUpload" />
</form>
我也试过对其应用一个类，但这也不起作用。
最佳答案
上面的许多答案都很古老。 2013 年出现了一个更简单的解决方案:几乎所有当前的浏览器...
- Chrome
- 浏览器
- Safari
- 带有几行修复的 Firefox
传递来自标签的点击事件。在这里试试:http://jsfiddle.net/rvCBX/7/
- 设置
<label>的样式无论您希望如何上传文件。 - 设置
for="someid"标签上的属性 - 创建
<input id="someid">元素，这是隐藏的。
点击标签会将事件传递给 Chrome、IE 和 Safari 中的文件上传。
Firefox requires a very small workaround, which is detailed in this answer .
关于html - 如何在 Firefox 中设置文件输入字段的样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/352467/