質問:

オートフィル前：

ご覧のように、オートフィル後は入力の背景色が白くなります：

1 ベースカラーの上のソリッドカラーシャドウ

input:-webkit-autofill {
 box-shadow: 0 0 0 1000px #333333 inset;
 -webkit-text-fill-color: #fff;
}
注意：この方法には問題がある。つまり、入力ボックスは角を丸めることができず、無地の背景ボックスにしか適用できない。

ご覧のように、両面にはっきりとした白色が......。

2.透明度を設定します：

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

効果

3.アニメーション遅延の使用

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
	transition-delay: 99999s;
 transition: color 99999s ease-out, background-color 99999s ease-out;
 -webkit-transition-delay: 99999s;
 -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
 -webkit-text-fill-color: #807c7c;
}

効果

最後の2つをお勧めします。