Убрать backgroung фон в input в браузере Chrome

Довольно раздражающая картина, когда при автозаполнении появляется background с каким-нибудь ядовитым цветом и портит всю картину. Ну вот так, к примеру:


На картинке вы видите скриншот Яндекс браузера, он тоже работает на хромовском движке.
Для того, чтобы свести на нет это извращение браузера, нужен такой костыль (даже не костыль, а грабли);

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
-webkit-transition-delay: 9999s;
//по желанию
font-size: 16px !important;
}

В результате автозаполнения браузер может увеличить шрифт, поэтому я корректирую еще и его размер.

Вам понравиться

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *