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

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

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

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

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

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

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

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

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

0@keyframesonAutoFillStart{from{}to{}}input:-webkit-autofill{animation-name:onAutoFillStart;transition:background-color50000sease-in-out0s;}

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

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