CSS Hover if Button is disabled-CodePudding

I'm playing a little bit with my GTK3-Theme on Ubuntu. When i move the Mouse over the scrollbar button the button is changed - but only if the Button is enabled. If the Button is disabled (because the Slider can't be moved in this direction) nothing happens when i move the mouse over the button.

I want to have the same style for enabled and disabled Buttons. This don't work:

scrollbar button:hover:disabled { <style> }

CodePudding user response：

Try this:

button[disabled]:hover { /* styling goes here */ }

CodePudding user response：

You can do something like this for all :

scrollbar {
   my: style;
}

If you want for only enabled and/or hover :

.my-class:hover, .my-class:enabled {
   background-color: red;
}

<div>
   <button class="my-class" disabled>Disabled</button>
   <button class="my-class">Enable</button>
</div>