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.

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.