1. Home
  2. Knowledge Base
  3. The Digioh Platform
  4. Remove Blue Highlight on Autocomplete Fields

Remove Blue Highlight on Autocomplete Fields

By default, forms that have been autofilled will be highlighted in some browsers. Chrome highlights them in a blue or greyish color.

Important Accessibility Note:
Always keep in mind that when you force styles to behave outside of the default settings by browsers you might confuse users. Things like highlights are generally made for accessibility purposes. In this case to signal to the user and remind them that the content was autocompleted.

If you want to remove that, add this code to an HTML block:


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

Then your results will look like this:

Updated on February 13, 2025
Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support