Как стилизовать ввод текста после нажатия предложения Google chrome автозаполнения? - PullRequest
Новая
       37

Как стилизовать ввод текста после нажатия предложения Google chrome автозаполнения?

1 голос
/ 04 августа 2020

У меня небольшая проблема, я не могу найти / использовать правильный псевдокласс, и надеялся, что кто-то здесь сможет сказать мне, какой из них будет правильным.

Моя проблема в что в google chrome есть ваши предыдущие значения, которые вы ввели в текстовый ввод, и это здорово, и все такое, но я не могу понять свой стиль, если вы нажмете одно из предложений. Мой стиль отлично работает во всех других аспектах ввода текста, но когда вы выбираете вариант из списка предыдущих значений chrome, фон моего ввода текста становится синим, что мне не нужно. Я пробовал :active, :visited и несколько других, но я думаю, что использую неправильные классы.

Пожалуйста, помогите мне, я просто не могу найти правильно.

Спасибо.

Ответы [ 2 ]

1 голос
/ 04 августа 2020

Для браузеров webkit вы можете использовать -webkit-autofill: 

input[type="text"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover, 
input[type="text"]:-webkit-autofill:focus, {
   color: blue;
   background: red;
}

Проверьте эту статью для получения дополнительной информации.

0 голосов
/ 04 августа 2020

Добавьте это в свой css и добавьте к нему желаемые стили. 

/* Change autocomplete styles in WebKit */
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 {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
}

Прочтите эту статью , чтобы узнать больше.

...