radio样式

最新推荐文章于 2023-03-17 22:05:58 发布

weixin_34085658

最新推荐文章于 2023-03-17 22:05:58 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Nyan-Workflow-FC/p/10917060.html

博客展示了radio样式的代码。定义了.radio类，设置其位置、边框、圆角、尺寸和背景色；还定义了.radio.active:after伪元素，设置选中状态下的样式，代码转载自相关博客。

.radio{
position: relative;
border: 1px solid #999;
border-radius: 50%;
width: 12px;
height: 12px;
background-color: #eee;
}

.radio.active:after {
content: "";
display: table;
position: absolute;
top: 2px;
left: 2px;
width:6px;
height: 6px;
border-radius: 50%;
background-color: #666;
}