Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

MenuBar Popup - Change Background for Mouse Hover Items

more options

Hi All -

I customized Menubar popup background using below code in userchrome.css file.

#menubar-items menu menupopup * {
  background-color: #f5f5dc !important;
  color: #000000 !important;
}

But the problem I have is the mouse hover background color for the menubar popup items is broken. Refer to attached to screenshot. As you can see mouse over for WINDOWS 10 background .. I expect blue color to be shown, But as you can see its kind of overwritten by above custom code color.

What code should I put in userchrome.css to change the background code, bold the text and change font color for mouse hover item in menubar popup items?

Hi All - I customized Menubar popup background using below code in userchrome.css file. <pre><nowiki>#menubar-items menu menupopup * { background-color: #f5f5dc !important; color: #000000 !important; }</nowiki></pre> But the problem I have is the mouse hover background color for the menubar popup items is broken. Refer to attached to screenshot. As you can see mouse over for WINDOWS 10 background .. I expect blue color to be shown, But as you can see its kind of overwritten by above custom code color. What code should I put in userchrome.css to change the background code, bold the text and change font color for mouse hover item in menubar popup items?
Attached screenshots

Modified by cor-el

All Replies (1)

more options

Anyone has any pointers on this?