Some input form fields are yellow in IE?

Discussion in 'CSS' started by wina, Dec 28, 2007.

  1. #1
    I can't get rid of the yellow background in some input fields in IE? Here is my css styles:
    .form_element {
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    font-size: small;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
    font-family: verdana;
    background-color: #FFFFFF;
    }

    .form_submit { border-right: #666666 1px solid; border-top: #666666 1px solid; font-size: xx-small; border-left: #666666 1px solid; border-bottom: #666666 1px solid; font-family: verdana}
    body { font-family: Verdana; font-size: 10pt }p { font-size: 10pt }
    td {
    font-size: 10pt;
    }
    input:focus, textarea:focus{
    background-color: lightyellow;
    }

    Help!! :confused:
    Thanks, Wina
     
    wina, Dec 28, 2007 IP
  2. manishk

    manishk Peon

    Messages:
    63
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #2
    This is because of Google Toolbar.

    You disable/over-ride this by putting !important after your background color. E.g:

    
    .form_element {
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    font-size: small;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
    font-family: verdana;
    background-color: #FFFFFF [B]!important[/B];
    }
    
    Code (markup):
     
    manishk, Dec 28, 2007 IP
    digitalmatch likes this.
  3. wina

    wina Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks, Manishk. That worked.
    You learn something new every day!
    Wina
     
    wina, Dec 28, 2007 IP