如果禁用按钮,如何使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;
}