.botton input { display:none; } .botton input[type="checkbox"]:checked+label { background:url(//www.jq22.com/img/cs/quan1.png) no-repeat; } .botton label { display:inline-block; width:38px; height:38px; background:url(//www.jq22.com/img/cs/quan2.png) no-repeat; }
利用label的for属性,关联input的点击事件。
checked选中事件