我这边要实现通过radio横向布局选择男女,目前checked时 内部圆心是不显示的,怎么去解决呢?
input[type=radio]{
height: 26px;
left: 35%;
position: absolute;
top: 5px;
width: 28px;
border: none;
display: inline-block;
-webkit-appearance: none;
background-color: transparent;
outline: 0!important;
}
input[type='radio']:before{
font-family: Muiicons;
font-size: 28px;
font-weight: 400;
line-height: 1;
color: rgba(170,170,170,.6);
content: "\e411";
}
input[type='radio']:checked{
}
input[type='radio']:checked,input[type='radio']:checked:before{
color: #007aff;
}
input[type='radio']:last-child{
left: 60%;
}
#man{
position: absolute;
left: 40%;
top: 2px;
}
#women{
top: 2px;
position: absolute;
right: 0px;
}
性别
男
女