history-backward hover color

fortifel

Hello.

I use

#ui-bar-toggle:hover{
background-color: purple
}

and that changes toggle button color to purple when mouse is over it.

However neither

#history-backward: hover {
background-color: purple
}

nor

#menu-item-saves:hover{
background-color: purple
}

does not change color of buttons when mouse is over it.

What do I do wrong and how to do it right?

TheMadExile

Try:

#ui-bar-toggle:hover,
#ui-bar-history [id|="history"]:hover,
#menu li a:hover {
	background-color: purple;
}

fortifel

Oh, that works wonders, thank you. Can you also help me with saves menu?
I'd like to turn save, save to disk, load from disk (and also delete and delete all when active) buttons to darkpurple and make them purple on hover.
Thank you in advance.

TheMadExile

The style rules you want are:

#ui-dialog-body.saves button:not(:disabled) {
	background-color: darkviolet;
}
#ui-dialog-body.saves button:not(:disabled):hover {
	background-color: purple;
}

There is no color keyword by the name "darkpurple", however—the closest you're likely to get is "darkviolet", "darkmagenta", or "darkorchid". In the end, you may have to specify the color you want via RGB or HSL values. See: CSS color values (at: MDN).

fortifel

Oh, yeah, thanks for your answers. Everything works perfectly.
You made my day. I guess, I have no other way, than to go to patreon and increase my pledge a bit.