html - 如何将 CSS 应用于浏览按钮

Question

我正在使用 <input type="file" />在我的网页中。我为按钮和其他控件设置了不同的 CSS 类。但是我无法将任何类、样式添加到由于上述标记而出现的浏览按钮。

有什么办法可以改变它的默认外观吗？

提前致谢

Answer 1

你不能那样做。您只能将样式应用于整个 <input /> .

你可以使用 opacity: 0 CSS hacks 用你最喜欢的图像和 image:hover 替换它。

请记住 height:属性不适用于 Firefox 3.6；你可以使用 font-size:改为增大高度。

我做了一个例子:http://timc.idv.tw/html5-file-upload/ ;检查第二个演示的 CSS。