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


press [Enter]

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

type in


Now find the option that says


Double click this option and change the default value


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 .