input 在浏览中 自动填充后的默认样式 修改

在chrom中，我们时长会遇到一个自动填充后，背景颜色变了，不是我们默认的背景颜色。而是白色，这就是因为input标签在默认填充后，会有一个默认的样式

input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

如果想要修改，需要覆盖它的默认样式，代码如下

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #807c7c;
    transition: background-color 5000s ease-out 0.5s;
}

在input标签中有一个自动属性 autoComplete属性。