Chrome browser input turns yellow

When the Chrome form is automatically populated, the background of the input text box turns yellow, because chrome defaults to the AutoFill input form plus the Input:-webkit-autofill private property, which fills the following style:

Input:-webkit-autofill {

background-color: #FAFFBD;

Background-image:none;

Color: #000;

}

See a lot of information: there are two solutions, temporarily

First: for solid color backgrounds

Input:-webkit-autofill {
-webkit-box-shadow:0 0 0px 1000px white inset;
border:1px solid #CCC!important;
}

The second type: a background map

Input:-webkit-autofill
 {-webkit-animation:autofill-fix 1s infinite;} 
@-webkit-keyframes autofill-fix 
{from 
{background-color:transparent} to 
{background-color: Transparent}
 }

This means that the color will always be transparent to transparent for looping animations.

Some people say: the auto-fill function of the form is closed directly on the form label: autocomplete= "Off". The test is invalid, probably the browser upgrade, in short, there is no effect. This is probably all, master advice please leave a comment.