On Aug 14th 11 PM ET/Aug 15th 03:00 UTC, due to scheduled Firefox Account server maintenance, users may not be able to sign in or create a new subscription. This is expected to last approximately 30 minutes. Status updates can be found at https://status.vpn.mozilla.org or https://status.relay.firefox.com.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Change hover color on menus

  • 5 replies
  • 1 has this problem
  • 8 views
  • Last reply by Paul

more options

Hi,

I would like to change the light grey hover color on menus (e.g. yellow), see attachments, probably using userchrome.css.

Does anyone know the correct code to do this please?

Thanks in advance.

Hi, I would like to change the light grey hover color on menus (e.g. yellow), see attachments, probably using userchrome.css. Does anyone know the correct code to do this please? Thanks in advance.
Attached screenshots

Chosen solution

Generally speaking, for a given selector:

some-selector:hover { background-color: yellow !important; }

If cor-el's CSS worked for the color, then:

menupopup > :is(menuitem, menu):hover {
  background-color: yellow !important;
}
Read this answer in context 👍 1

All Replies (5)

more options

Try this code in userChrome.css:

menupopup > :is(menuitem, menu) {
/* color of the text */
color: yellow !important;
}

Helpful?

more options

Hi,

Thanks for your suggestion, but it is not the text color I want to change it is the hover colour (shown in grey in the attachments) that I want to change.

Helpful?

more options

Chosen Solution

Generally speaking, for a given selector:

some-selector:hover { background-color: yellow !important; }

If cor-el's CSS worked for the color, then:

menupopup > :is(menuitem, menu):hover {
  background-color: yellow !important;
}

Helpful?

more options

Probably you already looked up the userChrome.css part?

Disclaimer: it's community-supported rather than officially supported.

If not, I have a site to get you started: https://www.userchrome.org/

Helpful?

more options

jscher2000,

Thank you, that was it.

Yellow was too bright, gone instead for lightskyblue, which goes well with my red theme.

Thanks again.

Modified by Paul

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.