DEV Community

Pawar Shivam
Pawar Shivam

Posted on

💡 Fixing Chrome’s Autofill Styles with Custom CSS

Did your input fields get an unwanted yellow background due to Chrome's autofill? You can override it with a neat CSS trick! 🎨✨

Image description

🔍 Why This Matters
=> 💛 Chrome autofill uses a yellow background that can clash with custom designs.
=> 🌗 This snippet makes your form fields look polished across themes.
=>✨ Works for input, textarea, and select elements — in both hover and focus states.

Image description

Image description

Top comments (0)