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.

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.

Input textbox background-color in userContent.css not accepted on some pages in Linux

  • 3 replies
  • 8 have this problem
  • 1 view
  • Last reply by cor-el

qV4ATtXz
qV4ATtXz
more options

Hi there. I'm running 64-bit, Firefox 3.6.16, Linux 2.6.35, Fedora 14, and KDE. I have a custom dark theme in KDE. I setup a custom userContent.css:

[~/.mozilla/firefox/...efault/chrome]$ cat userContent.css textarea, input, select { 

       color: #000000 !important;
       background-color: #ffffff !important;

}

This works on some sites, but on other sites, e.g. amazon.com search box and other important sites, I still see dark input boxes with dark text. When I look at the input box in Firebug:

userContent.css textarea, input, select { 

   background-color: #FFFFFF !important;
   color: #000000 !important;

}

I'm guessing this is because of my KDE theme. However, I have "Use system colors" unchecked in my Colors preferences. Is there some about:config I have to change?

Hi there. I'm running 64-bit, Firefox 3.6.16, Linux 2.6.35, Fedora 14, and KDE. I have a custom dark theme in KDE. I setup a custom userContent.css: [~/.mozilla/firefox/...efault/chrome]$ cat userContent.css textarea, input, select { color: #000000 !important; background-color: #ffffff !important; } This works on some sites, but on other sites, e.g. amazon.com search box and other important sites, I still see dark input boxes with dark text. When I look at the input box in Firebug: userContent.css textarea, input, select { background-color: #FFFFFF !important; color: #000000 !important; } I'm guessing this is because of my KDE theme. However, I have "Use system colors" unchecked in my Colors preferences. Is there some about:config I have to change?

Chosen solution

You can try to add:

-moz-appearance: none !important;
Read this answer in context 👍 0

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

You can try to add:

-moz-appearance: none !important;
qV4ATtXz
qV4ATtXz Question owner
more options

You are awesome. That worked! Thanks.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome.

You need to use that to override CSS code from build-in Firefox and OS widgets (native styles) and do all the styling yourself.