在开发项目中,我们经常要美化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; }
原文地址:https://www.cnblogs.com/zo11o/p/8428795.html
时间: 2024-08-06 23:25:07