收藏
回答

radio设置禁用disabled,设置color无效,什么原因?

基础库 2.3.1

<view class="page-section">

<radio-group bindchange="radioMealChange">

<label class="item_label" wx:for="{{attendanceItems}}" wx:key="value" >

<view class="item_select_view">

<view class="item_hd">

<radio disabled class="item_radio" color="#7BB8FF" value="{{item.id}}" checked="{{mealId == item.id}}" />

</view>

<view class="item_bd">{{item.name}}</view>

</view>

</label>

</radio-group>

</view>

回答关注问题邀请回答
收藏

4 个回答

  • TNT
    TNT
    2021-10-13

    给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);
      }
    
    2021-10-13
    有用 1
    回复 1
    • 杨子璇
      杨子璇
      2022-11-23回复George丶Zzz
      是直接复制过去就好了么?我咋还是不行呢
      2022-11-23
      回复
  • 小博
    小博
    2021-03-06

    有没有大佬解决求!!!!!

    2021-03-06
    有用
    回复
  • Deja Vu🇨🇳
    Deja Vu🇨🇳
    2020-11-17

    你好,请问下问题解决了吗

    2020-11-17
    有用
    回复
  • Cjiang
    Cjiang
    2020-10-16

    你好,麻烦提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2020-10-16
    有用
    回复 2
登录 后发表内容
问题标签