// 单选框样式
input.radio-type[type=“radio”]{
width: 20px;
height: 20px;
-webkit-appearance: none;
position: relative;
&:before {
content: ‘’;
width: 18px;
height: 18px;
border: 1px solid #ffa900;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
}
&:checked {
background: unset;
&:before {
content: ‘’;
width: 18px;
height: 18px;
border: 1px solid #ffa900;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
}
&:after {
content: ‘’;
width: 10px;
height: 10px;
text-align: center;
background: #ffa900;
border-radius: 50%;
display: block;
position: absolute;
top: 6px;
left: 4px;
}
}
}
单选框样式
最新推荐文章于 2023-02-12 17:43:30 发布