такое Google ChromeЦвет автозаполнения изменен в версии 72.0?

Question

Я недавно заметил в Google Chrome, он показывает синий цвет фона для всех элементов ввода, которые являются автоматически заполненными значениями

Answer 1

Да Google изменил цвет фона предварительного просмотра автозаполнения на GoogleBlue50.Вы можете найти проблему здесь: https://bugs.chromium.org/p/chromium/issues/detail?id=935991

Начиная с Google Chrome 72, новый цвет автозаполнения - #E8F0FE / rgb(232, 240, 254).До Google Chrome 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">

Примечание: Если вы хотите переопределить цвет автозаполнения, вы можете использовать одно из предложенных решений по этим вопросам:

• Автозаполнение формы Google Chrome и ее желтый фон
• Удаление цвета фона ввода для автозаполнения Chrome?

---

Планируется разделить правила CSS для предварительного просмотра автозаполнения и выбрать автозаполнения в будущем:

• предварительного просмотра автозаполнения (поля заполняются при наведении на подсказку автозаполнения).
• выбрано автозаполнение (поля заполнены предложением автозаполнения).

Answer 2

Да, 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;
}

Примечание: Это заменит любую тень блока, которую вы уже применили к своему вводу.

Answer 3

Да, он изменился на светло-синий.