html代码
<div class="allcheck" >
<label><input id="allChecked" type="checkbox"/><span class="allimg"></span>全选</label>
</div>
css
.allcheck input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
.allcheck {width:100px;display:inline-block;cursor:pointer;}
.allcheck input[type="checkbox"] + span{
width:20px;
height:22px;
display:inline-block;
background:url(images/people/checkbox_s.png) no-repeat;
background-position:0 0;
vertical-align: middle;
}
.allcheck input[type="checkbox"]:checked + span{background-position:0 -21px}
图片
checkbox_s.png
