小程序
小游戏
企业微信
微信支付
扫描小程序码分享
radio组件disabled后color无效!
代码片段
<radio checked="{{true}}" color="#f78209" disabled="{{true}}"></radio>
基础库 2.17.0
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
disabled后 是呈现灰色的
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
自定义吧
给你的wxss加上这个:
radio .wx-radio-input.wx-radio-input-disabled { border : 2rpx solid #999999; border-radius: 100%; background : #f78209; } 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); }
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
disabled后 是呈现灰色的
自定义吧
给你的wxss加上这个:
radio .wx-radio-input.wx-radio-input-disabled { border : 2rpx solid #999999; border-radius: 100%; background : #f78209; } 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); }