как убрать синий фон на автозаполнении хрома

Question

Я делаю форму и хочу, чтобы каждый ввод был прозрачным, но когда я использую функцию автозаполнения в Chrome и затем вкладываю в следующее поле, предыдущее поле получает бледно-синий фон.

У меня естьпопытался использовать:

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}  

, но это не работает.Я не хочу белый фон. Я хочу, чтобы он оставался прозрачным, если щелкнуть по другому входу и установить color на transparent тоже не работает.

Как этого достичь?

Answer 1

Похоже, что Google сотворил магию со свойством shadow.Это заставило меня работать:

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  }

Answer 2

Вы не сможете удалить его в Chrome с помощью CSS. В последнее время это становится все сложнее, поскольку Google использует все способы, которыми разработчики пытаются скрыть или манипулировать своими ориентированными на потребителя функциями. По крайней мере, они недавно изменили на синий фон вместо желтого. Чтобы избежать полностью, я нашел единственный способ использовать инкогнито или гостевое окно.