在开发项目中,我们经常要美化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; }