如何禁用Chrome表单自动填充的样式覆盖（CSS/HTML）

我制作了一个地址表单，正常样式如下：

使用Google Chrome浏览器时，表单自动填充信息后，所有输入框的样式会发生改变，效果如下：

我不希望出现这种样式覆盖问题，该如何修复？我曾尝试在背景色样式前添加!important，但并未生效。

修复方案 #

通过针对WebKit内核的伪类选择器设置样式，解决自动填充样式覆盖问题：

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
/* 这里颜色不能设为透明，所以设置成和背景色一致 */
    -webkit-box-shadow: 0 0 0 30px #604AC8 inset !important; 
    -webkit-text-fill-color: #fff !important;
}

内容的提问来源于stack exchange，提问作者user22152065