设置输入类型=“文件”按钮的样式

这不需要JavaScript！以下是一个跨浏览器解决方案：

看看这个例子-它在Chrome/FF/IE中工作-（IE10/9/8/7）

最好的方法是将带有for属性的自定义标签元素附加到隐藏的文件输入元素。（标签的for属性必须与文件元素的id匹配才能工作）

&lt；标签for=&quot；文件上传&quot；类别=“类”；自定义文件上载&quot&燃气轮机；
自定义上载
&lt/标签&gt；
&lt；输入id=&quot；文件上传&quot；类型=&quot；文件&quot/&燃气轮机；

或者，您也可以直接用标签包装文件输入元素：（示例）

&lt；标签类别=&quot；自定义文件上载&quot&燃气轮机；
&lt；输入类型=&quot；文件&quot/&燃气轮机；
自定义上载
&lt/标签&gt；

在样式方面，只需使用属性选择器隐藏输入元素

输入[类型=“文件”]{
显示：无；
}

然后，您所需要做的就是设置自定义标签元素的样式（示例）

。自定义文件上载{
边框：1px实心#ccc；
显示：内联块；
填充：6px 12px；
光标：指针；
}