html - 当 CSS 悬停时，如何使我的禁用按钮不改变颜色？

Question

我试过这个 CSS:

html.dark .btn:hover:not(disabled),
html.dark .btn:focus {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
html.dark .btn.disabled,
html.dark .btn[disabled] {
  color: red;
  background-color: #222222;
  *background-color: #151515;
}

但是当我将鼠标悬停在按钮上时，我仍然看到颜色从红色变为白色。请注意，它正确地接受了它被禁用的事实。我正在使用:

disabled="disabled"

在我的按钮中。

Answer 1

试试 .btn:hover:not(:disabled),

一个小例子

你的例子没有工作，因为你正在使用 .btn:hover:not(disabled) 你必须使用伪类来实现你需要的 reference pseudo classes

button:hover:not(:disabled){
    color:red;
}

<button>Not disabled</button>
<button disabled>disabled</button>