Styling Input Textfield

[ainoy31]

Hello-

I am probably overlooking this but I can not change the background color of my input textfields using a stylesheet.

 

Here is the code of the stylesheet:

.textfield
{
   background-color: #CCCCCC;
}

 

then my form is:

<input type="text" class="textfield" name="test">

 

It just stays that default yellowish color.  Much appreciation.

[haku]

That should work, so if it doesn't, it means that you probably have something else that has a higher specificity level than that one.

 

Try changing your css to input.textfield. If that doesn't work, then its time to install the firebug add-on for firefox (which you should do regardless) and get some more specific information. If the background color is being overpowered by something else, firebug will show the css you have in your post as being crossed out, and will show what css is being used instead, and where it is coming from.

[ainoy31]

I checked it with firebug and it is coming back as:

 

style="background-color: rgb(255, 255, 160)"; which makes no sense to me.  Seems like I can not override this default style.

[haku]

If you look to the top right of that declaration, it will tell you where it's coming from (the name of the file). It should also give you the full CSS path, for example

 

div#someid a.someclass

 

 

[waynew]

Google toolbar  :-\