09Aug

Chrome remove the yellow background on input autocomplete, CSS

Quick CSS to remove the yellow input background colour for Chrome autocomplete.

Change the chrome autocomplete CSS style, -webkit-autofill

Update your SCSS with your wished values.

$border-style: your value;
$c-white: your value;
$c-blue: your value;

input:-webkit-autofill {
border: $border-style !important;
-webkit-text-fill-color: $c-white !important;
background-color: $c-blue !important;
-webkit-box-shadow: 0 0 0px 10px $c-blue inset;
transition: background-color 5000s ease-in-out 0s;
}

Leave a Reply