改写radio样式

时间：2018-10-30 13:09:43 阅读：203 评论：0 收藏：0 [点我收藏+]

</div>

</div>

.radio{

　　position: absolute; //隐藏label标签原本的样式

　　clip: rect(0, 0, 0, 0);

}

.radio:checked + label::before{

　　content: "\a0";

　　display: inline-block;

　　width:0.25rem;

　　height:0.25rem;

　　border-radius: 50%;

　　opacity:0.9;

　　border:0.05rem solid #55D8C2;

　　background-clip: content-box;

　　background-color: #01cd78;

　　padding: .2em;

}

.radio + label::before{

　　content: "\a0";

　　display: inline-block;

　　width:0.55rem;

　　height:0.55rem;

　　border-radius: 50%;

　　opacity:0.9;

　　border:0.05rem solid #999;

　　text-indent: .15em;

　　line-height: 0.5rem;

　　margin-right: .4em;

　　vertical-align: middle;

}

原文地址：https://www.cnblogs.com/wangpeiyuan/p/9876002.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行