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

标签 html css

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

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

提前致谢

最佳答案

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

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

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

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

关于html - 如何将 CSS 应用于浏览按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4365431/

相关文章:

如果从可能的复选框列表中仅选中一个特定复选框,则返回 Javascript

javascript - 下拉菜单将内容向下推

css - translate3d() 导致 Safari 中的裁剪

css - 正确创建两边都有悬停图像的居中垂直导航列表?

html - 在页面底部设置 div 而不会在较小的屏幕尺寸下与另一个 div 重叠

html - 如何在选定的列表项上绘制倒圆 Angular ?

html - 外部 DIV 不收缩包装

javascript - 在表格内滚动(固定标题)Javascript

jquery - 裁剪/隐藏 HTML img 标签而不是变形/拉伸(stretch)它

html - 交错或阶梯式菜单