css - 如果按钮被禁用，如何使 CSS Hover 不起作用？

Question

我有这个 CSS:

html.darkBlue .btn1 button:hover:not(.nohover) {
  background: #0007d5;
  border: 1px solid #0007d5;
  color: white;
}

我对残疾人很困惑。如果按钮被禁用，我怎样才能使这个 CSS 不起作用？

Answer 1

如果您不需要支持 IE < 9，您可以使用 :enabled伪类。

html.darkBlue .btn1 button:hover:enabled {
    background: #0007d5;
    border: 1px solid #0007d5;
    color: white;
}