⼩程序-修改radio及checkbox的选中背景⾊
⼀：将默认多选框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{
html radio点击变颜
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); }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。