CSS가있는 마우스 오버가있을 때 비활성화 된 버튼의 색상이 변경되지 않도록하려면 어떻게해야합니까?

이 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"

내 버튼에.