Стили autofill: как не ломать бренд на жёлтом фоне Chrome
:-webkit-autofill, box-shadow hack и transition-delay.
Браузеры подсвечивают автозаполненные поля собственным фоном — без переопределения ломается тёмная тема и border-radius UI-kit.
Трюк с большим `box-shadow` inset и `transition` откладывает смену цвета, сохраняя читаемость label.
- :-webkit-autofill — MDN — Псевдокласс autofill.
- Change autocomplete styles — web.dev — Паттерны стилизации.
Доступность
Не убирайте видимый focus ring на autofill — контраст текста проверяйте WCAG.