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!

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 replies
  • 8 have this problem
  • 1 view
  • Last reply by cor-el

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)

more options

Chosen Solution

You can try to add:

-moz-appearance: none !important;
more options

You are awesome. That worked! Thanks.

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.