Почему не меняется цвет текста в input?

Question

[Василий]

После того как я получаю ответ от сервера с ошибкой. Я присваиваю
<input class="validator-error">
И в нем задаю цвет текста красный и бордер красный. Но бордер применяется, а текст нет.

В чем дело тут?

Причем если я начну вводить в поле текст, то стили к тексту начинают работать и текствсе таки меняет цвет.


И ещё после того как я поправил руками текст в поле, каждый следующий ответ с ошибкой правильно отображает и стили применяются уже

Answer 1

[Василий]

Парни вот это то помогло!

input:-webkit-autofill{
  -webkit-text-fill-color: #ED4159;
}
input:-webkit-autofill:focus{
  -webkit-text-fill-color: #ED4159;
}

Comments

[Сергей delphinpro]

ты хоть понял что произошло?

[Василий]

Сергей delphinpro, Ну так, в общих чертах. Но если можете описать что произошло, буду благодарен

[Сергей delphinpro]

Василий, вообще лениво, тем более вы нашли решение...
правда решение работает только в хроме и хромиум-браузерах. но вам же на это пофиг, правда?

Фишка в стилях автозаполнения. некоторые поля заполняются браузером автоматом, чтобы человекам было проще покупать всякую ху...ю. Например, имя пользователя, имейл и номера кредиток. И такие автозаполненные поля браузер подсвечивает по-своему. На сегодняшний день работает псевдокласс :-webkit-autofill {}. Это кастомное расширение спеки от гугла. не факт, что оно будет работать всегда.
Есть более "стандартный" вариант.

[Василий]

Решение нашёл на префиксах, понятное дело что, для остальных браузеров нужно соответственно проставить.

Ну а какой более стандартный вариант?