Site icon Denis Bouquet

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;
}

Exit mobile version