html - 如何改变ie中浏览输入类型浏览按钮的颜色

Question

我使用了一些CSS来改变浏览按钮的背景颜色
<input type="file">

你可以在这里看到:JSfiddle

我遇到的问题是它确实适用于 chrome(它将显示为带有白色文本的黑色按钮)

但它不会改变IE的背景颜色吗？

我不知道该怎么做才能让它发挥作用

HTML:

<input type="file">

CSS:

input[type=file] {
border:none !important;
background-color:#F3282B;
background-image:none;
}

input[type=file]::-webkit-file-upload-button {
border: none;
margin: 0;
padding: 0;
-webkit-appearance: button;
width: 100px;
background:#000 !important;
color:#fff;
}

Answer 1

你不能。但是，您可以隐藏它并通过 js 触发它。