Form text field gets bg white after autocomplete.. I have tried all the states(hover, focused etc..). Does anyone know how to change that?

Design help General
2

Hello @James_Tolias

When a form field in a web browser gets a white background after an autocomplete action, it’s often because the browser itself applies some default styles to indicate that the field has been auto-filled. This can override the CSS styles you have set for your form fields.

To change the background color of autocompleted input fields, you can use the :-webkit-autofill pseudo-element, which is specific to WebKit browsers like Chrome and Safari. Here’s how you can style it:

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: black !important;
}

Use your own color here instead of white

-webkit-box-shadow: 0 0 0 30px white inset !important;