官网文档有写 建议大小设置采取用transform: scale(0.7); 这种方式去设置
通过color-ui的css发现他们修改radio原生组件的选择器中有wx开头的类名,编译器中检查元素发现并没有看到,怀疑是隐藏了。以下是修改radio选中的背景颜色解决办法:
::v-deep .wx-radio-input.wx-radio-input-checked {
background-color: #00875a !important;
border-color: #00875a !important;
color: #ffffff !important;
}
上面这种是某个页面使用的方式
如果是写在app.vue并应用全局写法:
// radio选中时背景颜色设置
radio .wx-radio-input.wx-radio-input-checked {
background-color: #00875a !important;
border-color: #00875a !important;
color: #ffffff !important;
}
设置radio未选中时候的边框颜色
// radio选中时背景颜色设置 必须写在全局才生效 scoped里写没用
radio .wx-radio-input {
border: 2rpx solid #667286 !important;
}