自定义复选框、单选按钮外观方法。支持IE、Firefox、chrome

先上图

一、支持IE的方法

由于IE浏览器不支持CSS appearance ，所以为了支持IE只能将实际的input隐藏，使用div来显示外观，然后保证div外观和input的状态保持一致即可。为此我将代码封装成了jquery插件，并为其加入全选按钮的功能，欢迎下载使用，下载链接在本文最后。

实测插件支持chrome 、Firefox和IE7+。由于本人IE浏览器没有IE6模式，所以没有测试IE6，实际IE6应该也能支持。

二、无需支持IE的方法

无需支持IE浏览器的话，方法就轻量多了。使用CSS appearance属性清除input原来的样式，就可以肆意添加你所希望的样式了，然后使用:active来添加input按下时的样式，使用:checked来添加input选中后的样式，代码示例如下：

input[