IE6 and input tag background color

Discussion in 'CSS' started by pitto, Mar 20, 2008.

  1. #1
    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.
     
    pitto, Mar 20, 2008 IP
  2. Dan_A

    Dan_A Peon

    Messages:
    65
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    It works for me in IE 6.
    Any link to the page?
     
    Dan_A, Mar 23, 2008 IP
  3. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Using AutoFill?
     
    Stomme poes, Mar 23, 2008 IP
  4. pitto

    pitto Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    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.
     
    pitto, Mar 24, 2008 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    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?
     
    Stomme poes, Mar 26, 2008 IP
  6. pitto

    pitto Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    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.
     
    pitto, Mar 30, 2008 IP