disabled不生效

Question

```
编辑资料

不生效，在浏览器中手动添加disabled才有效果是咋回事啊

Answer 1

张轩 2021-03-28 10:19:30

同学你的 css 写错了 少了一个空格 

应该为

.dropdown-option.is-disabled *

这个意思是一个有这两个类名的元素

你原来的是

.dropdown-option .is-disabled

代表两个层级的元素

• 提问者 慕丝0422885 #1

  .dropdown-option.is-disabled * {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
  }
  改成这样了还不生效
  不知道为什么

• 提问者 慕丝0422885 #2

  对不起老师，我该错文件了，耽误您时间了解决了

Answer 2

张轩 2021-03-27 08:52:06

同学你好 看下 is-disabled 这个类名是否成功的添加到 DOM 元素上了？

• 提问者 慕丝0422885 #1

  已经成功添加上了

• 提问者 慕丝0422885 #2

  我在谷歌浏览器里找到class为dropdown-option is-disabled 的类在element.style里面添加这些样式才生效
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;

• 张轩 回复 提问者 慕丝0422885 #3

  同学你好 那就是你写在 vue 模版中的 style 区域的内容没有生效，方便提供给你的代码（git）吗？我在本地帮你调试一下

点开查看后面3条评论

Answer 3

qq_乄_12 2021-03-27 01:26:06

换个浏览器试试，或者清空浏览器缓存试试

• 提问者 慕丝0422885 #1

  都试了