Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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

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

  • 3 ŋuɖoɖowo
  • 8 masɔmasɔ sia le wosi
  • 240 views
  • Nuɖoɖo mlɔetɔ cor-el
  • Wo ɖo eŋu

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?

Ŋuɖoɖo si wotia

You can try to add:

-moz-appearance: none !important;
Xle ŋuɖoɖo sia le goya me 👍 0

All Replies (3)

Ɖɔɖɔɖo si wotia

You can try to add:

-moz-appearance: none !important;

You are awesome. That worked! Thanks.

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.