查了好多资料复选框写的磨磨叽叽的一大堆废话!
我来教大家写一个原生jq的复选框样式,简单实用,又不会耽误checkbox的调用。
html:
<label class="checklist iCheck">
<input class="checkbox" type="checkbox"/>
<span>沪深A股</span>
</label>
css:
/* 复选框自定义样式 Start */
/* label 图片浮动,一般不浮动会显示不全 */
.checklist{float:left;}
/* checkbox 原复选框隐藏 */
.checkbox{opacity:0;filter:alpha(opacity=0);}
/* label 的背景图片 iCheck未选中 iCheck-ed选中 */
.iCheck{background:url(../img/chk_bg1.png) no-repeat;}