I'm trying to change the background color of my input tags and it works in all browsers except ie6. The textarea background color changes without problems but the following input tags do not: <input name="name" id="name" size="40" maxlength="40" type="text" /> <input name="email" id="email" size="40" maxlength="40" type="text" /> HTML: The css is as follows: input#name, input#email, textarea { border: 1px solid #99cc33; background-color: #eff3f9; } Code (markup): The borders work fine in all the input and textarea tags. It's just the background color in the input tags that turns into this ugly orange/yellow color now matter what I do. Is this something that's fixable or do I have to live with it? Thanks.
You can view the form at: www.rainfroginvestment.com/new/ContactUs.php I've replaced the styles that change the background color so that they stay white for ie6 at present (there's an ie6 only css file) so if you look at it it won't be displayed the way I posted in my original post. I've been banging my head against a wall trying to make this work and have gotten nowhere. I really hope you can tell me how it works for you. Thanks.
I can't tell if this is relevant, but if this yellow is showing up for no reason: http://www.quickonlinetips.com/archives/2007/07/how-to-remove-yellow-form-fields-background-color/ This is only when there's some googlie thing on the page, which I didn't see, but you said Yellow once, and this keeps sticking in my mind. Also you've got a lot of extra CSS etc for IE6... cause its being sent into Quirks mode: Anything before the doctype, even a space, will do it. Removing it should remove any need for an IE-only JS or stylesheet... it probably won't fix the yellow, but who knows?
Thank you Stomme poes. You've possibly just figured out why I've been having a load of problems with IE6 and 7. I couldn't for the life of me figure out why I had to write so much extra css and couldn't find any of my specific problems on the web.