我尝试在我的网络应用中自定义表单输入,为此我必须使用
清除默认浏览器样式-webkit-appearance: none
所以在Chrome和Safari中,我有漂亮的复选框,收音机等。但在FF和Opera看起来两种风格都是活跃的,我的和浏览器。有没有办法停用FF,IE和Opera的默认样式?
更新:
我已经尝试了-o-appearance: none
和-moz-appearance: none
,但没有给出任何结果。
答案 0 :(得分:1)
Firefox和IE(尚未)支持外观属性。
但是,您可以使用纯css轻松自定义checkboxes
和radio buttons
等输入。
实现涉及隐藏输入并使用标签(使用自定义样式的before
伪元素)来触发输入
有关跨浏览器的自定义输入,请参阅此FIDDLE。