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

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

1 голос
/ 13 марта 2019

Я делаю форму и хочу, чтобы каждый ввод был прозрачным, но когда я использую функцию автозаполнения в 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 тоже не работает.

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

Ответы [ 2 ]

5 голосов
/ 16 апреля 2019

Похоже, что 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;
  }
0 голосов
/ 13 марта 2019

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

...