Убираем желтый цвет при автозаполнении 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>

