はいGoogleは自動入力プレビューの背景色を_GoogleBlue50
_に変更しました。ここで問題を見つけることができます: https://bugs.chromium.org/p/chromium/issues/detail?id=935991
Google Chrome 72なので、新しい自動入力の色は_#E8F0FE
_/rgb(232, 240, 254)
です。GoogleChrome 72までは、自動入力フィールドに色が付けられていました_#FAFFBD
_/rgb(250, 255, 189)
を使用:
_input {
border: 1px solid black;
padding: 4px 3px;
}
.show-autofill-new {
background-color: #E8F0FE !important;
background-image: none !important;
color: #000000 !important;
}
.show-autofill-old {
background-color: #FAFFBD !important;
background-image: none !important;
color: #000000 !important;
}
_
_<input class="show-autofill-new" placeholder="since 72" type="text">
<input class="show-autofill-old" placeholder="until 72" type="text">
_
注:自動入力の色を上書きする場合は、この質問で提供されている解決策の1つを使用できます。
プレビューされたオートフィルとオートフィルが選択されたCSSルールを分割する 将来的に計画されています:
はい、Googleはこれを何らかの理由で変更しました。
追跡されていましたが、なぜ変更されたのかは明記されていません: https://bugs.chromium.org/p/chromium/issues/detail?id=935991
アップデートにより、Chromeバージョン72.0.3626.119に組み込まれました。
私の意見では、それは無効化されたスタイルに非常に似ています。 Chrome=を使用しているすべての人は、すでに自動入力の黄色の背景に慣れているので、これはユーザーに多くの混乱を引き起こす可能性があります。
しかし、すべての物と同様に、人々は最終的に新しい色に慣れるでしょう。本当に元に戻したい場合は、次のcssを使用できます。
input:-webkit-autofill, input:focus:-webkit-autofill {
-webkit-box-shadow: 0 0 0 100px rgb(250, 255, 189) inset;
}
注:これにより、すでに入力に適用したボックスシャドウが上書きされます。
はい、水色に変わりました。