HTML:
<div class="form-item">
<div class="form-item-inline">
<input type="radio" name="">
<label></label>
<span>text</span>
</div>
</div>
CSS:
/*自定义checkbox样式*/
.form-item-inline {
position: relative;
}
.form-item input[type="radio"]{
position: absolute;
top: 4px;
left: 2px;
padding: 1px;
opacity: 0;
}
.form-item input[type="radio"]+label{
display: inline-block;
width: 16px;
height: 16px;
background: url("../img/icon_radio.svg");/*自定义radio未选中图标*/
background-size: 100% 100%;
}
.form-item input[type="radio"]:checked+label{
background: url("../img/icon_radio_choose.svg");/*自定义radio选中图标*/
background-size: 100% 100%;
}