Убираем желтый цвет при автозаполнении Chrome
9-04-2013, 22:23
0
  HTML формы

Убираем желтый цвет при автозаполнении Chrome

Не так давно, при написании темного шаблона для заказчика наткнулся на раздражающую фишку Google Chrome - автозаполнение.
Для пользователя да и для меня в частности - удобно - один раз ввел пароль и впоследствии знай жать кнопку войти. Вот он какой технологический прогресс для удобства.

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

Хотел добиться этого:

Убираем желтый цвет при автозаполнении Chrome


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

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

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


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

           <script type='text/javascript'>
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);
}
        </script>

Комментарии

Никто еще не оставил комментариев – станьте первым!

Напишите своё мнение