input 在 chrome 下 ， 自动填充后，会有一个默认样式，如何清除这个默认样式？

input 在 chrome 下，当 input 自动填充后， 会有一个默认的样式 ，如下：

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

这个 background-color ， 一般情况下，我们首选的 都是通过 样式覆盖，

然而在chrome中，这是一个浏览器默认的样式，覆盖了一次又一次，就是覆盖不了

查了一大堆文档也没说个原因出来

最后，使用了下面的方法，解决了问题。

在 input 上添加如下css：

box-shadow: inset 0 0 0 1000px #f7f7f7!important;

通过 box-shadow 阴影的方式，将其背景色遮挡住，不算是真正的修改了背景色

但是也可以达到需要的效果。