//自定义单选radio
HTML 代码:
<label class="defined-label">
<input class="defined-radio" type="radio" name="radio" />
<span class="defined-radioInput"></span>李子
</label>
CSS样式:
.defined-label{
margin:0;
display:inline-block
}
.defined-radio{
display:none
}
.defined-radioInput{
background-color:#d8d8d8;
border-radius:100%;
display:inline-block;
height:16px;
margin-right:10px;
margin-top: -1px;
vertical-align:middle;
width:16px;
line-height:1
}
.defined-radio:checked+ .defined-radioInput:after{
background-color:#ffc53d;
border-radius:100%;
content:"";
display:inline-block;
height:12px;
margin:2px;
width:12px
}