Меняем цвета Input в Google Chrome

Поскольку в процессе вёрстки я проверяю результат во всех браузерах, я не могла не заметить что в Chrome (и др. Webkit) очень некрасиво ведут себя поля ввода. Во-первых, у них появляется очень некрасивая обводка при клике на них. Во-вторых, для сохранённых данных Хром подсвечивает форму ввода мерзким жёлтым цветом, при этом в случае заданного белого цвета шрифта всё совсем не читабельно (см. картинку ниже). Как это исправить?

Хром и Сафари - понимают селектор *:focus. Именно он отвечает за поведение того как себя ведёт поле ввода при фокусе. Для этого необходимо установить ему значение

*:focus {outline: none;}

И поля при клике на них не будут подсвечиваться рамкой.

Далее, баг с подсветкой сохранённых полей ввода в webkit известен уже давно и был сообщён разработчикам Chrome полтора года назад. Те его закрыли с резолюцией WontFix. Это, дескать, нарушает привычное пользователю поведение (behavior) браузера.

В самом движке webkit жёстко забит следующий CSS:

input:-webkit-autofill { 
        background-color: #FAFFBD !important; background-image:none !important; 
}

Что не позволяет изменить его цвет средствами CSS. Улучшение было найдено одним из участников, необходимо в начале файла стилей добавить

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

Это позволит хрому заменить ещё и цвет для автозаполненных полей, принудительно на чёрный.

Заключение: два этих фикса позволят приблизиться к поведению других браузеров и улучшить читабельность в случае светлых цветов шрифтов.