web-dev-qa-db-ja.com

Google Chrome <input />自動入力の背景色はバージョン72.0で変更されましたか？

私は最近Googleで気づいたChrome自動入力された値であるすべての入力要素に対して青色の背景が表示されています

Google Chrome auto fill background color

htmlgoogle-chromeinputautofill
10
Guruganesh

はい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ルールを分割する 将来的に計画されています：

  • プレビューされた自動入力（自動入力候補にカーソルを合わせるとフィールドが入力されます）。
  • 自動入力が選択されました（フィールドには自動入力候補が表示されます）。
8
Sebastian Brosch

はい、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;
}

注：これにより、すでに入力に適用したボックスシャドウが上書きされます。

2
Bruffstar

はい、水色に変わりました。

1
keshav khandelwal