搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Change hover color on menus

  • 5 回覆
  • 1 有這個問題
  • 7 次檢視
  • 最近回覆由 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.
附加的畫面擷圖

被選擇的解決方法

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;
}
從原來的回覆中察看解決方案 👍 1

所有回覆 (5)

more options

Try this code in userChrome.css:

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

有幫助嗎?

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.

有幫助嗎?

more options

選擇的解決方法

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;
}

有幫助嗎?

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/

有幫助嗎?

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.

由 Paul 於 修改

有幫助嗎?

問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題