1.背景圖
html
<div class="check-wrappers">
<span class="c-checkbox checked">
<input type="radio" autocomplete="off" name="type" style="display:none;" value="1" checked="checked">
</span>
<span></span>
</div>
css
.cart-checkbox.checked {
background-position: -29px 0;
}
.c-checkbox {
display: block;
width: 25px;
height: 25px;
margin: 0 auto;
background: url(/shop-cart.png) no-repeat 0 0;
background-size: 60px 120px;
}
以上所述是小編給大家介紹的HTML+CSS實現單選框、復選框美觀的樣式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。