1.重置代碼如下:
// checkbox樣式重置
uni-checkbox .uni-checkbox-input{
height: 40upx;
width: 40upx;
border-radius: 50%;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{
color: #FFFFFF;
}
uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
border-color: #d1d1d1;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
background-color: #E99040;
}
2.必須在App.vue 中寫(或引入)才能生效
3.效果如下:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiIXZ05WZj91YpB3IwczX0xiRGZkRGZ0Xy9GbvNGL2EzXlpXazxieBRkTxEEVNhXWU1EeVJjWxEjMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLxkDNzAjMzcTM5AzNwAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)