コンタクトフォームに入力したときに自動でつく背景色を消す方法

先日メンターをしていたときにこんな質問がきました。

「予測変換で入力したときにだけ背景色がつきます。
これをつけないようにしたいのですが、どうすればよいでしょうか？」

やばい！わからないということで必死こいて調べて無事解決できました。

✅inputのオートコンプリートしたときの背景色

コンタクトフォーム で予測からの自動入力されたときに、色が変わりますが、これで初期化？できます。

勉強になった。https://t.co/yNqDS3v96B#駆け出しエンジニアと繋がりたい#デイトラ pic.twitter.com/hQ8pCfVBzF

— おか | 知多半島のホームページ屋 (@oka_jumboworld) November 19, 2020

とりあえず、こちらをスタイルシートに書いてあげれば解決します。
すみません、意味は全くわかりませんし分かろうとしていません。笑

style.css

0
@keyframes onAutoFillStart { from {} to {}}

input:-webkit-autofill {
animation-name: onAutoFillStart;
transition: background-color 50000s ease-in-out 0s;
}

これは知らないとはまると思うので、武器として知っておくとよさそうですね。

■この記事は以下の情報を参考にして執筆しました。
https://teratail.com/questions/171007