<style> .checkbox input{ display: none; } .checkbox input + label { background: url(checkbox1.png) left center no-repeat; background-size: 20px 20px; padding-left: 20px; } .checkbox input:checked + label { background-image: url(checkbox2.png) } </style> <body> <div class="checkbox"> <input type="checkbox" id="handsome"> <label for="handsome">我很帅</label> </div> </body>
原文：https://www.cnblogs.com/wzndkj/p/10348783.html