先上效果图:
css部分:
<style>
* {
margin: 0;
padding: 0;
}
div {
margin: 10px;
}
.desc {
position: relative;
display: inline-block;
}
input[type=radio] {
appearance: none;
}
input[type=radio]::before {
content: " ";
position: absolute;
left: 0;
top: 0;
border: 1px solid #333333;
width: 20px;
height: 20px;
border-radius: 20px;
}
input[type=radio]::after {
content: " ";
position: absolute;
left: 4px;
top: 4px;
border: none;
width: 14px;
height: 14px;
border-radius: 20px;
}
input[type=radio]:checked+label:<