在开发项目中,我们经常要美化checkbox框。下面是只用css实现checkbox选中美化
<div class='div-checkbox'>
<input type="checkbox" id='handsome' />
<label for='handsome' >我很帅</label>
</div>
#handsome{
display:none;
}
.div-checkbox input + label {
background:url(./a.png) no-repeat;
background-size:20px 20px;
padding-left:20px;
}
.div-checkbox input:checked + label {
background:url(./b.png) no-repeat;
}