We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

MenuBar Popup - Change Background for Mouse Hover Items

Tarun Boyella
Tarun Boyella
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)

Tarun Boyella
Tarun Boyella Question owner
more options

Anyone has any pointers on this?