在原来有一篇文章写到了《CSS效果篇--纯CSS+HTML实现checkbox的思路与实例》.这篇文章主要写各种自定义的checkbox复选框，实现如图所示的复选框： 大致的html代码都如下所示： {代码...} 那么对应的css代码： {代码...} 第一种实现如图所示： html代码： {代码...} css代码： {代码...} 第二种实现如图所示： html代码：...

checkbox应该是一个比较常用的html功能了，不过浏览器自带的checkbox往往样式不怎么好看，而且不同浏览器效果也不一样。出于美化和统一视觉效果的需求，checkbox的自定义就被提出来了。这里对实现方法做个总结。

在项目中，你会发现设计稿中常常会有单选框，复选框，但都不是系统默认的样式，这就可以用jquery来模拟它们：如图所示，实现它们所需要的代码如下：