Dette websted vil have begrænset funktionalitet, mens vi gennemgår vedligeholdelse for at forbedre din oplevelse. Hvis en artikel ikke løser dit problem, og du vil stille et spørgsmål, har vi vores supportfællesskab, der venter på at hjælpe dig på @FirefoxSupport på Twitter og/r/firefox på Reddit.

Avatar for Username

Søg i 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.

Læs mere

Denne tråd blev arkiveret. Stil et nyt spørgsmål, hvis du har brug for hjælp.

Change hover color on menus

  • 5 svar
  • 1 har dette problem
  • 1 visning
  • Seneste svar af Paul

Paul
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.
Vedhæftede skærmbilleder

Valgt løsning

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;
}
Læs dette svar i sammenhæng 👍 1

Alle svar (5)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try this code in userChrome.css: 

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

Paul
Paul Spørgsmålsstiller
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.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Valgt løsning

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;
}
jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
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/

Paul
Paul Spørgsmålsstiller
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.

Ændret af Paul den