小程序-修改radio及checkbox的选中背景色

 

 

一：将默认多选框checkbox的默认选中背景红色改为绿色

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

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默认选中的红色改为绿色

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

radio .wx-radio-input{     border-radius:50%;     width:20px;<br><br>  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);   }