在非webkit浏览器中停用默认样式

时间:2013-07-11 06:47:04

标签: css3 cross-browser

我尝试在我的网络应用中自定义表单输入,为此我必须使用

清除默认浏览器样式
-webkit-appearance: none

所以在Chrome和Safari中,我有漂亮的复选框,收音机等。但在FF和Opera看起来两种风格都是活跃的,我的和浏览器。有没有办法停用FF,IE和Opera的默认样式?

更新: 我已经尝试了-o-appearance: none-moz-appearance: none,但没有给出任何结果。

1 个答案:

答案 0 :(得分:1)

Firefox和IE(尚未)支持外观属性。

但是,您可以使用纯css轻松自定义checkboxesradio buttons等输入。

实现涉及隐藏输入并使用标签(使用自定义样式的before伪元素)来触发输入

有关跨浏览器的自定义输入,请参阅此FIDDLE