【前端】小tips：解决input标签的自动填充背景问题且可以更改字体颜色（适用于Google等较高版本浏览器）

1.问题：

图为自动填充情况：

2.解决：

用autofill伪类来控制css

input:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s;
}

对于字体颜色：用text-fill-color用来控制input自动填充的字体颜色。

input {
         -webkit-text-fill-color: #0c3ce9;  //颜色是设置成你需要的颜色
     }

参考：https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/