微信小程序radio 选中颜色/禁用颜色处理

原创
2021/11/01 17:30
阅读数 5.6K

一、微信小程序radio 选中颜色

1.微信小程序radio标签,自带color属性,可控制选中的颜色

2.默认的禁用颜色是自带绿色,而不是color指定的颜色

 

二、全局重置微信小程序radio 选中颜色/禁用颜色处理

使用,样式重写重置选中颜色,禁用颜色

使用这种方式color指定的颜色将不起作用。

/*选中样式*/
radio .wx-radio-input.wx-radio-input-checked {
    border-color: #f78209 !important;
    background: #f78209 !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);
}
/*禁用样式*/
radio .wx-radio-input.wx-radio-input-disabled {
    border: 2rpx solid #999999;
    border-radius: 100%;
    background: red!important;
}

 

 

更多:

 微信小程序输入框去除完成按钮栏_TextArea去除完成按钮栏

 微信小程序自定义弹框滚动条禁止页面滚动_自定义弹框禁止页面滚动

 微信小程序 InnerAudioContext seek后 onTimeUpdate不触发-已解决

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部