微信小程序 原生radio样式修改 checked disabled

radio .wx-radio-input.wx-radio-input-disabled {
border : 2rpx solid #999999;
border-radius: 100%;
background : none;
}

radio .wx-radio-input.wx-radio-input-checked {
border-color: #689FEB !important;
background : #689FEB !important;
}

radio .wx-radio-input.wx-radio-input-checked::before {
border-radius : 50%;
width : 20px;
height : 20px;
line-height : 20px;
text-align : center;
font-size : 15px;
color : #fff;
background : transparent;
transform : translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}

参考链接:

小程序更改checkbox和radio默认样式

修改小程序原生checkbox、radio默认样式

你可能感兴趣的:(微信小程序 原生radio样式修改 checked disabled)