Formatting FORM fields 4

[dmears1]

I have a form with four Textfields & 1 TextArea. Using CSS I wanted to change the background colors of these fields. In FF it works as expected. However, in IE the 4 textfields do not apply the background color while the textarea field does. You can see what I'm talking about here:

http://www.bestlifetraining.com/contact.php.

I've noticed the same thing on another page I'm working on here:

http://test.morter.com/practitioner.php.

On this page only 2 of the 4 fields are displaying the correct background color.

The CSS I'm using is:

input.text, select.text, textarea.text { background:#B4CCE9; border:solid; border-width:1px; border-color:#000000;}

The HTML is:

<INPUT name="zip" type="text" class="text">

Why does IE not display all fields correctly?

http://www.Morter.com

http://www.DynamicLifeTraining.com

 

[Vragabond]

Do you have any toolbars installed, like google toolbar? Those could change the appearance of the input boxes they could fill. I looked at your page through Mozilla and IE6 and both produce the same result. All input boxes are properly coloured.

 

[ca8msm]

Yeah same here - looks fine for me in IE and FF...


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[TamedTech]

I'll third that comment ... they look fine in my browsers too.

Rob

 

[dmears1]

Hey Guys,
Thanks for doublechecking for me. I do have the Google toolbar installed in both browsers. I'll have to do some searching online to see why the toolbar would affect formfields in IE. Thanks again to all of you.

http://www.Morter.com

http://www.BestLifeTraining.com

http://www.AbsoluteStudio.com

 

[Foamcow]

The Google toolbar will change the colour of items it can autofill for you.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[Foamcow]

<pressed return too soon>

You can turn the behaviour off.
Maybe it's off in FF and on in IE.

Or...
FF will allow the page stylesheet to override it, whereas IE lets the toolbar override the page stylesheet.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[dmears1]

Thanks again Foamcow.
There is an option that can be turned off.
Click on the "Options" btn for the Google toolbar, then click on "AutoFill Settings", then uncheck the box "Highlight Fields on Web pages that AutoFill can update in yellow."
I would have probably wasted hours trying to figure out what was wrong with my code lol.

http://www.Morter.com

http://www.BestLifeTraining.com

http://www.AbsoluteStudio.com

 

[LFI]

Sushi for lunch! Yum!


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience!

 

[kaht]

Looks good in my browser.

SW

-kaht

How much you wanna make a bet I can throw a football over them mountains?