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!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

সহায়তা খুঁজুন

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.

আরও জানুন

Linux Dark Theme userContent.css

  • 4 উত্তরসমূহ
  • 24 এই সমস্যাটি আছে
  • 6 দেখুন
  • শেষ জবাব দ্বারা 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.

gfx010 দ্বারা পরিমিত

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?