Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Linux Dark Theme userContent.css

  • 4 vastust
  • 24 on selline probleem
  • 6 views
  • Viimati vastas gfx010

more options

Greetings,

I'm using Firefox 4.0 in Fedora Linux/Gnome When I use a dark gtk theme, the input boxes, textboxes, radio buttons, checkboxes, etc.. become black, In Firefox 3.0 I used to make a userContent.css profile to override these and it worked, but the same userContent.css doesn't seem to work for everything in Firefox 4, I still get black radio boxes, check boxes, drop down menus, etc...

Greetings, I'm using Firefox 4.0 in Fedora Linux/Gnome When I use a dark gtk theme, the input boxes, textboxes, radio buttons, checkboxes, etc.. become black, In Firefox 3.0 I used to make a userContent.css profile to override these and it worked, but the same userContent.css doesn't seem to work for everything in Firefox 4, I still get black radio boxes, check boxes, drop down menus, etc...

All Replies (4)

more options

Which code are you using?

Did you check the Tools > Error Console for errors?

You may need to add the -moz-appearance: none !important; rule to make the code work.

more options

Input boxes, textboxes are fixed, but I still have black checkboxes, black radio buttons and black dropdown menus, here's an example: http://i52.tinypic.com/jpiv4l.png I'm using Linux Fedora/Gnome, and Firefox 4.0

Here's the userContent.css

--- EDIT --- Actually Checkout the post below this one.

Muudetud gfx010 poolt

more options

Ok here's the same code but spaced for more clearance:


body {

background-attachment: scroll !important;

}


input {

border: 2px inset white;

background-color: white;

color: black;

-moz-appearance: none !important;

}



textarea {

border: 2px inset white;

background-color: white;

color: black;

-moz-appearance: none !important;

}


select {

border: 2px inset white;

background-color: white;

color: black;

-moz-appearance: none !important;

}



input[type="radio"], input[type="checkbox"] {

border: 2px inset white ! important;

background-color: white ! important;

color: ThreeDFace ! important;

-moz-appearance: none !important;

}



.*|*::-moz-radio {

background-color: white;

-moz-appearance: none !important;

}



button, input[type="reset"], input[type="button"], input[type="submit"] {

border: 2px outset white;

background-color: #eeeeee;

color: black;

-moz-appearance: none !important;

}



body {

background-color: white;

color: black;

display: block;

margin: 8px;

-moz-appearance: none !important;

}

more options

So you know what might be causing this problem?