前端小白求组
前端小白求组
  • 发布:2020-08-28 17:36
  • 更新:2022-01-14 10:43
  • 阅读:2585

需求:更改禁用后的radio样式

分类:HBuilderX

求大佬告诉一下

2020-08-28 17:36 负责人:无 分享
已邀请:
前端小白求组

前端小白求组 (作者) - 前端采集新来乍到,希望给为能多多帮助

如果直接禁用,radio的样式就是灰色的嘛,然后里面的勾勾是黑色嘛。我想把他变成和禁用之前的一样的样式。

前端小白求组

前端小白求组 (作者) - 前端采集新来乍到,希望给为能多多帮助

求大佬帮助

前端小白求组

前端小白求组 (作者) - 前端采集新来乍到,希望给为能多多帮助

有人吗,有人吗

5***@qq.com

5***@qq.com

css里面自己改下,简单

RanX12

RanX12

解决了吗?兄弟,我也有这个需求。。。我下面这样写不行..

input[type="radio"][disabled],  
input[type="radio"]:disabled,  
input[type="radio"].disabled {  
  background-color: #007aff;  
  border-color: #007aff;  
  color: #007aff;  

  &::before {  
    background-color: #007aff;  
    border-color: #007aff;  
  }  

  &::after {  
    background-color: #007aff;  
    border-color: #007aff;  
  }  
}
1***@qq.com

1***@qq.com

兄弟,解决了吗?

我是更换了下思路。把之前选中的不变,没有选中的加disable,给禁用掉

        <radio-group v-if="item.type === '判断'" class="radio-group-list group-list" :name="'radio_' + index">  
            <label class="radio-group-list-cell group-list-cell">  
                <radio value="1" :checked="item.answer === '正常'" :disabled="item.answer != '正常'" />正常  
            </label>  
            <label class="radio-group-list-cell group-list-cell">  
                <radio value="0" :checked="item.answer === '异常'" :disabled="item.answer != '异常'" />异常  
            </label>  
        </radio-group>

不知道还有没有其他更好的方法了

该问题目前已经被锁定, 无法添加新回复