Changing color of text input boxes?

[HiredGoon]

OK, let me try this another way.

I am using Firefox 3.0.4 on Windows XP and want to change the inside color of the boxes (see attachments) from white to a light gray or silver.

It's not ONLY this site, but any site that has similar boxes.

Firefox changed something with the 3.0 series, because with all the 2.0 versions and before, all I did was choose my own web page colors in the options and the background and all the boxes etc. were MY color; silver.

I tried using userContent.css and userChrome.css and I did get some boxes on other sites to change color, but it is not working on our site here.

What worked in userContent.css was:

input, textarea {
background-color: silver !important;
}

So, if these boxes on PAFOA (and other sites), are not textarea boxes, what are they called?

And is there another way other than user chrome/content to change this box color?

This bright white drives me NUTS!

Thanks for any help.

[danp]

It sounds like you've covered all the known bases, if you've gotten as far as the chrome.css, you're quite deep in.

As a web developer however, I would highly suggest not messing with your defaults, you might end up shooting yourself in the foot on some sites.

[HiredGoon]

It sounds like you've covered all the known bases, if you've gotten as far as the chrome.css, you're quite deep in.

As a web developer however, I would highly suggest not messing with your defaults, you might end up shooting yourself in the foot on some sites.

Thanks for the reply Dan. Are these boxes known by another name, other than textarea?

I noticed that I.E. also went to this "white box" thing quite a while ago, which is one reason I never used it. But, Firefox just did this beginning with the 3.0 versions.

Surely there must be a simple way to change the background color of the boxes....or just make it revert back to the way it was before...to keep them the same color as my page background.

I have this question posted to the Mozilla forum, but no answers yet

[danp]

The vBulletin editor is actually an iframe with another document in it. You're not even typing into a text editor when using it.

Try this:

body.wysiwyg { background-color: #eee; }

in your user chrome.

[HiredGoon]

The vBulletin editor is actually an iframe with another document in it. You're not even typing into a text editor when using it.

Try this:

body.wysiwyg { background-color: #eee; }

in your user chrome.

Dan, I tried that and saw no difference on PAFOA or any other site

[HiredGoon]

What's interesting is that if I check "let pages choose their own colors...", all the boxes I am concerned about, including the box I am typing in now, are not the bright white, but a more acceptable off-white, almost a light gray.

But then all the other page colors are irritating...which is why I use the gray background as my chosen color.

I guess I could try and find a theme that would work. Wonder why Firefox changed this beginning with version 3.0...and what exactly was it they changed?

[HiredGoon]

Well, I finally got it working the way I wanted it on vBulletin and all other pages!

In case anyone else is interested, I installed the "Stylish" add-on and then inserted the following into it:

@namespace url(http://www.w3.org/1999/xhtml);
input, button, select, textarea, option {
-moz-appearance: none !important;
background-color: silver !important;
}

Of course you can change the color silver to your favorite color.