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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

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

  • 3 biyano
  • 8 eza na bankokoso oyo
  • 42 views
  • Eyano yasuka ya 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?

Solution eye eponami

You can try to add:

-moz-appearance: none !important;
Tanga eyano oyo ndenge esengeli 👍 0

All Replies (3)

more options

Solution eye oponami

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.