title: How can I make my disabled button not change color when there's a hover with CSS?
body: <p>I tried this CSS:</p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>But still when I hover over the button I see the color change from red to white. Note that it's correctly picking up the fact it's disabled. I am using:</p>
  
  <pre><code>disabled="disabled"
  </code></pre>
  
  <p>in my button.</p>