Resolved .unity-button:hover backgorund color is ignored in theme style sheets

I want to change the styling of every button in my game, and for what I understand something like this is meant to be done with TSS theme files.

I've created this ButtonStyle.uss stylesheet:

Code (USS):

1. .unity-button {
2.     background-color: red;
3.     transition-property: scale;
4.     transition-duration: 0.25s;
5. }
6.  
7. .unity-button:hover {
8.     background-color: green;
9.     scale: 1.1 1.1;
10. }

And I've linked this file inside my UnityDefaultRuntimeTheme.tss like this:



Now the default background-color of the button is red as it should be, but when hovered the button turns white instead of green. The weired thing is that the button DOES scale up on hover, so the second rule is being applied to the button.



This also happens in a brand new project. What I believe is happening is that for some reason the background-color inside my rule is being overridden by the white-ish color of an hovered button from the default theme.

The way I can 'fix' this is by increasing the specificity of the rule by setting the selector to something like:

Button.unity-button.unity-text-element:hover

But this feels extremely clunky and not really feasable in a big project where you need to override lots of other styles. Plus I feel like even if there is a default unity-button:hover rule mine should override it as the docs say:

Is this a bug or am i missing something?
Unity version: 6000.0.0 Beta 16

 

First of all thanks a lot because :enabled was indeed the missing piece.

Regarding your advice to use the UI Toolkit Debugger: the 'Matching Selectors' doesn't show me rules with pseudo-classes.



The only thing I see is the 'Pseudo States' label, but that wouldn't have helped me since it doesn't show the :enabled pseudo-class. Is there an option to toggle pseudo-class selectors on/off?