作者:哥小名叫青蛙 | 来源:互联网 | 2023-08-19 15:36
一:将默认多选框checkbox的默认选中背景红色改为绿色checkbox.wx-checkbox-input{border-radius:50%;width:20px;hei
一:将默认多选框checkbox的默认选中背景红色改为绿色
checkbox .wx-checkbox-input{
border-radius:50%;
width:20px;height:20px;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
border-color:#07c160 !important;
background:#07c160 !important;
}
checkbox .wx-checkbox-input.wx-checkbox-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);
}
二:将radio默认选中的红色改为绿色
radio .wx-radio-input{
border-radius:50%;
width:20px;
height:20px;
}
radio .wx-radio-input.wx-radio-input-checked{
border-color:#07c160 !important;
background:#07c160 !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);
}