[jQuery] Removing google toolbar's autofill yellow

[Dave Novelli]

Hi all,

I'm attempting to use jQuery to accomplish two things:

1) Remove the yellow background color that is automatically added by
google toolbar's autofill feature.
2) Use field highlighting during form validation

I know that you can use the following css to override the autofill
yellow:

input[type='text'] { background: #FFFFFF !important; }

However, when I do this, I can't set the background color to red when
a field validation fails:

if(name == null || name == ""){
    $('#clinic_error').show("fast");
    $('#txtClinicName').css("background", "red !important");   ****
This doesn't do anything
}

I attempted removing the "!important" in my jQuery code, but that
didn't do the trick. I then decided to try removing the css and
overriding the color on .ready():

$(":text").css("background-color", "#FFFFFF !important");

This doesn't override the yellow.


Any ideas on how I might do this?