Maybe I’m missing something, but I can’t get the font colour of my buttons to change using a element state in my style when the button is disabled.
In the screenshot, the button is disabled with the shown style snippet applied to the
textStyle.classes property. The disable state should be a light grey, as in the icon, but it’s still a dark blue.
Just tested this myself and just spotted the issue, if you apply it to the
style.classes property this should work. The
textstyle.classes applies to the inner
div element of the button containing the button’s text - but it’s the parent
button that was actually disabled.
When I moved it to the
style.classes this worked, and as long as you don’t have any classes in
textStyle.classes that will overwrite
color then your text element div should inherit that colour.
Thanks, that works and is more elegant to have all styles defined in the one spot. Not sure why I didn’t try that first… the textStyles must have spoken to my subconscious. I also need to get more acquainted with using the dev tools to help with diagnostics
Now I just need to work out how to stop the hover animation when it’s disabled…