改变radio单选按钮的样式

<div class="choose_btn">

<input type="radio" name="choose_raido" id="radio1"/><label for="radio1" class="radio">扫码领取</label>
<input type="radio" name="choose_raido" id="radio2"/><label for="radio2" class="radio">领取码领取</label>

</div>

.choose_btn input{

vertical-align:middle;
margin-bottom:2px;   这两句是为了使圆圈与文字对其

height:15px;
15px;

background:url(../image/not_check.png) no-repeat;
padding-left:25px;


}
.choose_btn input:checked{background:url(../image/icon_checked.png) no-repeat;}

原文地址:https://www.cnblogs.com/dongkx/p/7047998.html