Нашел решение сам. Если кому нужно:
Задаем стили для автозаполненых полей (через animation поле можно сделать прозрачным и анимация нам еще понадбиться)
CSS
@-webkit-keyframes autofill {
to {
color: #fff;
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
JS
var autofill;
passInput.addEventListener('animationstart', (e) => {
autofill = e.animationName === 'autofill'; // 'autofill' - имя css анимации, которую мы задавали
});
Алгритм действия:
Если есть автоозапоолнение от хрома инпуту добавляется анимация "autofill".
js отлавливает "animationstart" и присваевает true/false переменной autofill
Простой
