【小程序】改变radio样式

 

//没选中时候的样式
radio .wx-radio-input {
    width: 28rpx;
    height: 28rpx;
    border:2rpx solid #666;
}
//选中时的样式
radio .wx-radio-input.wx-radio-input-checked {
    background: #fff !important;
    border:2rpx solid #666!important;    
}
//对勾
radio .wx-radio-input.wx-radio-input-checked::before{
   border-radius: 50%;
   width: 20rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
   height: 20rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
   line-height: 20rpx;
   text-align: center;
   font-size:20rpx; /* 对勾大小 30rpx */
   color:#a3a3a3; /* 对勾颜色 白色 */
   background: #fff;
   transform:translate(-50%, -50%) scale(1);
   -webkit-transform:translate(-50%, -50%) scale(1);
}

 修改：小程序修改radio默认样式