Техно-мир

Не так давно, при написании темного шаблона для заказчика наткнулся на раздражающую фишку Google Chrome — автозаполнение. Для пользователя да и для меня в частности — удобно — один раз ввел пароль и впоследствии знай жать кнопку войти. Вот он какой технологический прогресс для удобства. Так вот, возьму в пример мой блог. Один раз введешь — сохранишь и все — в дальнейшем поля ввода логина и пароля будут желтыми. За частую не обращаешь на это внимание, но у меня там были закругленные края на инпуте и вообщем все стилизованно, красиво. ХРОМ все портил)Хотел добиться этого:

Как и все начал искать в интернете — первые посты — самое простое решение autocomplete=off. Выход? — Да. Но мне не подходит.

Так же были приемы смены цвета текста (ну допустим у вас по умолчанию там желтый цвет, а тут еще и желтый инпут %) )

input:-webkit-autofill {
    color: #2a2a2a !important;
}

Копая дальше нашел все таки что мне нужно на JQuery и делюсь с вами:

if(navigator.userAgent.toLowerCase().indexOf("chrome") >= 0 || navigator.userAgent.toLowerCase().indexOf("safari") >= 0){
    window.setInterval(function(){
        $('input:-webkit-autofill').each(function(){
            var clone = $(this).clone(true, true);
            $(this).after(clone).remove();
        });
    }, 20);
}
        

Вернуться назад