Topic: Change autocomplete Color
Hi,
when forms are autocompleted (e.g. autocomplete contact details in the browser), the input fields become yellow, what does not really look nice. Where can I change this?
thanks in advance!
Hi there Bernhard,
Thanks for reaching out. The yellow background on autocomplete in Chrome is inherited from Webkit. To adress these fields while styling, try
input:-webkit-autofill, like so:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
Naturally, go for replacing white with any color you prefer. Hope it helps!
With Best Regards,
Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Rodrigo Josakian Mio pro commented 6 years ago
https://mdbootstrap.com/support/keyboard-scroll-for-autocomplete/Jakub Strebeyko staff commented 6 years ago
The post has been replied to. For future reference: everyone, please keep the Support Board threads clean of unrelated content.