Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Change hover color on menus

  • 5 답장
  • 1 이 문제를 만남
  • 102 보기
  • 최종 답변자: 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 수정일시