input[type=“radio”] {
height: 22px;
width: 22px;
margin-right: 10px;
display: none;
}
input[type=“radio”] + label::before {
content: “\a0”; /不换行空格/
display: inline-block;
vertical-align: middle;
font-size: 18px;
width: 18px;
height: 18px;
margin-right: 10px;
border-radius: 50%;
border: 1px solid #cccccc;
background: #fff;
line-height: 22px;
box-sizing: border-box;
}
input[type=“radio”]:checked + label::before {
border: 1px solid #4285F4;
background-color: #4285F4;
background-clip: content-box;
padding: 3px;
}
/对号/
input[type=“checkbox”]{
width:14px;
height:14px;
display: inline-block;
text-align: center;
line-height: 18px;
position: relative;
vertical-align: text-top;
}
input[type=“checkbox”]::before{
content: “”;
position: absolute;
top: 0;left: 0;
background: #fff;
width: 100%;height: 100%;
border: 1px solid #dddddd;
}
input[type=“checkbox”]:checked::before{
content: “\2713”;
background-color: #4285F4;
position: absolute;
top: 0;left: 0;
width:100%;
border: 1px solid #dddddd;
color:white;
font-size: 17px;
font-weight: bold;
}
