Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I can't change Firefox's menu background color using userChrome.css on Windows 7.

menubar, menubutton, menulist, menu, menuitem {
  color: red !important;
  background-color: orange !important;
}

This seems to work as the menubar changes to red and orange. But the background-color on the actual drop down menu stays the same (that Windows 7 menu look), although the text color does change to red.

Any ideas??

share|improve this question
    
I guess you need to add the menupopup selector to make this work. – JC2k8 Jul 26 '12 at 11:20

I would suggest using the built in settings editor for firefox and changing it manually.

First open a new tab (Firefox)

type in

about:config

press [Enter]

click the "I'll be careful, I promise" button.

type in

background

Now find the option that says

browser.display.background_color

Double click this option and change the default value

#FFFFFF

to whatever you want. (This code is in hex, so find the desired hex value and change it)

Everything should work.

share|improve this answer

If you are still looking for an answer, try this:

menubar, menupopup > * {
  color: red !important;
  background-color: orange !important;
}

Tested on Firefox 28.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .