在开发项目中,我们经常要美化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;}
CSS案例 -- 美化checkbox框
原文地址:https://www.cnblogs.com/zo11o/p/8428795.html