浏览按钮在Internet Explorer中不同

Question

使用以下输入标记实现了Browse Button

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

这在Firefox和Chrome中正常运行，其方式如下：

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

如何解决浏览按钮的这种不同行为？

Answer 1

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

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