Проблемы с фоном при автозаполнении текстовых полей формы в Google Chrome

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

Оказалось что при автоподстановке например логина или пароля, браузер применял стили с помощью псевдокласса :-webkit-autofill, который собственно перекрывал стили заданные через класс. Самое опасное то, что данный баг нельзя отловить при верстке локального файла. Поэтому всегда задавайте стили полям ввода так:

1. input.text-field, input.text-field:-webkit-autofill {color: #fff; background: #000;}