Topic: Change autocomplete Color

belu pro asked 5 years ago

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!

Rodrigo Josakian Mio pro commented 4 years ago

Jakub Strebeyko staff commented 4 years ago

The post has been replied to. For future reference: everyone, please keep the Support Board threads clean of unrelated content.

Jakub Strebeyko staff answered 5 years ago

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

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No