Internet Explorer 中的浏览按钮不同答案

【问题标题】：Browse Button coming Differently in Internet ExplorerInternet Explorer 中的浏览按钮不同
【发布时间】：2016-03-12 22:54:48
【问题描述】：

使用以下输入标签实现了浏览按钮

<input type="file" name="test" style="padding-right: 5px; vertical-align: middle;"> </input>

这在Firefox 和Chrome 中正常工作，并按以下方式进行：

在Internet Explorer 中，同样的情况如下：

如何修复浏览按钮的这种不同行为？

【问题讨论】：

浏览器有自己的默认元素样式。说 Firefox 和 Chrome 工作“正常”并不准确。没有合适的，只有不同。您始终可以直接定位输入 (input[type="file"] { ... }) 并覆盖默认值以在浏览器中创建更统一的外观。
[CSS2/DOM - 样式化输入 type="file"] 有关信息的观点，请访问此链接：==> quirksmode.org/dom/inputfile.html
IE中还有::-ms-browse伪元素。有了它，您可以设置input type="file" 的一些属性。
@Teemu : 对于这个最低支持的客户端 - Windows 8 ？
@VaibhavJain 似乎也适用于 Win7 和 IE11。虽然我找不到可以切换元素顺序的样式。

【解决方案1】：

您好，每个浏览器都有每个元素的默认样式。为此，没有确切的解决方案，但您可以使用 uniform.js 在每个仅在文件中影响的浏览器中进行匹配。

 $('input[type=file]').uniform();

【讨论】：