Как изменить стиль поля ввода при автоматическом заполнении адреса

Question

Я сохранил адреса в своем браузере Chrome, поэтому при заполнении формы я получаю всплывающее окно, например:

, и когда я выбираю адрес,поля ввода становятся синими, например:

Как изменить CSS, чтобы поля ввода не становились синими.Я уже попробовал приведенный ниже код, не работал:

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 {
  background-color: transparent;
}

Answer 1

Вы не можете сделать прозрачный ввод, когда вы выбрали предложения автозаполнения, но вы можете изменить цвет поля ввода после предложения автозаполнения с помощью CSS:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}

, и вы можете изменить цвет текста предложения автозаполнения:

input:-webkit-autofill {
-webkit-text-fill-color: yellow !important;
}