1.html代碼
<div class="rdo">
<input name="sex" id="male" type="radio">
<label for="male">男</label>
</div>
<div class="rdo">
<input name="sex" id="female" type="radio">
<label for="female">女</label>
</div>
2.樣式
input[type="radio"] + label::before {
content: " ";
display: inline-block;
vertical-align: middle;
width: .853333rem;
height: .853333rem;
border-radius: 50%;
border: .064rem solid #fd8869;
margin-right: .213333rem;
box-sizing: border-box;
}
input[type="radio"]:checked + label::before {
background-color: #fd8869;
background-clip: content-box;
padding: .149333rem;
box-sizing: border-box;
}
input[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
}