码迷,mamicode.com
首页 > 其他好文 > 详细

改变radio/checkbox样式

时间:2018-03-16 14:31:55      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:idt   样式   自己   默认   bsp   img   select   就是   inpu   

直接上代码

.item input[type="radio" ] {
        width: 20px;
        height: 20px;
        background: #fff;
        -webkit-appearance: none;
        border: 1px solid #999;
    }
    
    .item input[type="radio" ]:checked {
        background:url("../img/select.png");
        background-size: cover;
    }

 得到的结果就是radio的样式由圆形改为了正方形,被选中打勾。

checkbox同理。

起重要作用的就是-webkit-appearance: none,默认样式清除,然后就可以自己需要设置了。

改变radio/checkbox样式

标签:idt   样式   自己   默认   bsp   img   select   就是   inpu   

原文地址:https://www.cnblogs.com/ob99012/p/8580902.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!