停用默认样式

Question

我想定制我的web应用程序的形式输入，而要做到这一点，我不得不清除默认浏览器的样式

-webkit-appearance: none 

所以在Chrome和Safari我有很好的看复选框，收音机等。但在FF和Opera看来，这两种风格都是活跃的，我的和浏览器的。有没有办法停用FF，IE和Opera的默认样式？

更新： 我已经试过-o-appearance: none和-moz-appearance: none，它没有结果。

Answer 1

Firefox和IE不支持外观属性。

但是，您可以使用纯CSS轻松定制输入，例如checkboxes和radio buttons。

实施涉及隐藏的输入和使用所述标签（与自定义风格before伪元件）以触发输入

见本FIDDLE跨浏览器定制输入。