Убираем желтый цвет при автозаполнении Chrome
Не так давно, при написании темного шаблона для заказчика наткнулся на раздражающую фишку Google 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>