小程序单选框样式

html

<view class="sex-box">
    <radio-group bindchange="changeSex">
        <radio name="sex" class="radio-item" value="1"  checked="checked" color="#DBB975">
            男
        </radio>
        <radio name="sex" class="radio-item" value="2"  checked="" color="#DBB975">
            女
        </radio>
    </radio-group>
</view>

必须用radio-group，才会有切换效果。
wxss

/* 单选框样式 */
/* 初始样式 */
radio .wx-radio-input {
  width: 30rpx;
  height: 30rpx;
  border-radius: 30rpx;
}

/* 改变勾的颜色 */
radio .wx-radio-input.wx-radio-input-checked::before {
  color: #fff;
}

来源：oschina

链接：https://my.oschina.net/u/4352688/blog/4285386