复选框 checkbox 样式
checkbox .wx-checkbox-input{
border-radius: 50%;
width: 40rpx;
height: 40rpx;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
border-color: transparent;
background: rgba(74,164,252,1);
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
border-radius: 50%;
width: 40rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
font-size:30rpx;
color:#fff;
background: transparent;
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}
单选按钮 radio 样式
radio .wx-radio-input{
border-radius: 50%;
width: 40rpx;
height: 40rpx;
}
radio .wx-radio-input.wx-radio-input-checked{
border-color: transparent;
background: red;
}
radio .wx-radio-input.wx-radio-input-checked::before{
border-radius: 50%;
width: 40rpx;
height: 40rpx;
line-height: 40rpx;
text-align: center;
font-size:30rpx;
color:#fff;
background: transparent;
transform:translate(-50%, -50%) scale(1);
-webkit-transform:translate(-50%, -50%) scale(1);
}