Nested Accordian - Pseudo States not working?

I have a nested according and have set a different font colour (black) for the active state. As you can see in the screenshot, even when the accordion is open, the active colour is not shown (black), just the normal colour (pink). The black shows for a millisecond as I click on the header, but as soon as the accordian opens it goes to pink again.

I set a hover colour, and that works. I tried focus state and ::visited stated, and those don’t do anything either.

Is this a bug or is it normal, or am I doing something wrong?

Thanks for your help.

Hi @msc007 ,

click on the Accordian - Element, go to Title-Tab → ACTIVE (there you can do all the settings you want).

The :active pseudo-class won’t work here. In most cases it’s applied to buttons to change the style the moment the user clicks on it.