The input box is automatically filled with content. The background color is yellow

When chrome forms are auto-filled, the background of the Input text field turns yellow. This is because Chrome defaults to the auto-filled Input form with the input:-webkit-autofill private attribute and styles it as follows:

input:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: # 000;
}
Copy the code

Solutions:

input:-webkit-autofill.textarea:-webkit-autofill.select:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px white inset;
}
Copy the code