如何改进单选框和复选框的视觉效果？

本文共计292个文字，预计阅读时间需要2分钟。

这次为大家带来优化单选框、复选框样式的经验分享，关注以下事项：

1. 背景+图片：此次优化单选框、复选框的样式，为家庭带来更好的选择体验。

这次给大家带来优化单选框、复选框的样式，优化单选框、复选框的样式的注意事项有哪些，下面就是实战案例，一起来看一下。1.背景图 这次给大家带来优化单选框、复选框的样式，优化单选框、复选框的样式的注意事项有哪些，下面就是实战案例，一起来看一下。

1.背景图

html

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有什么区别