这次给大家带来优化单选框、复选框的样式，优化单选框、复选框的样式的注意事项有哪些，下面就是实战案例，一起来看一下。
1.背景图
html
<p 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> </p>
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; }
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
你不知道的冷门css属性
href和src、link和@import有什么区别
以上就是优化单选框、复选框的样式的详细内容。