HTML+CSS实现单选框、复选框美观的样式
发布时间：2017-06-26 14:22:05 作者：佚名 
我要评论
我要评论这篇文章主要介绍了HTML+CSS实现单选框、复选框美观的样式,需要的朋友可以参考下
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实现单选框、复选框美观的样式，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
- 这篇文章给大家分享了一个利用CSS3实现单选框动画特效，效果非常的好，有兴趣的下面来一起看看吧。2016-09-26
纯css3实现效果超级炫的checkbox复选框和radio单选框
天要为大家分享的是纯css3实现的checkbox复选框和radio单选框，效果超级炫，这个实例完全由css3实现的没有任何js代码2014-09-01CSS3实例分享--超炫checkbox复选框和radio单选框
这篇文章主要介绍了CSS3实例分享--超炫checkbox复选框和radio单选框,需要的朋友可以参考下2014-09-01
纯CSS3实现的表单特效，可以对单选框、复选框设置显示特效、可用效果等等2012-10-29- 这篇文章给大家分享了一个利用CSS3实现复选框的动画特效，实现后的效果非常不错，有兴趣的下面来一起看看吧。2016-09-27
- 这篇文章主要为大家分享一款CSS自定义绿色复选框按钮样式，2016-03-04
- 这篇文章主要介绍了使用CSS实现页面复选框的方法,纯CSS实现,绝不添加任何JS :P 需要的朋友可以参考下2015-07-21
这篇文章主要介绍了纯CSS实现自定义单选框和复选框功能,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-16
最新评论