Removing input background colour for Chrome autocomplete?

You can change input box styles as well as text styles inside input box:

Here you can use any color e.g. white, #DDD, rgba(102, 163, 177, 0.45).

But transparent won’t work here.

/* Change the white to any color */
    -webkit-box-shadow: 0 0 0 30px white inset !important;

Additionally, you can use this to change the text color:

/*Change text in autofill textbox*/
    -webkit-text-fill-color: yellow !important;

Advice: Don’t use an excessive blur radius in the hundreds or thousands. This has no benefit and might put processor load on weaker mobile devices. (Also true for actual, outside shadows). For a normal input box of 20px height, 30px ‘blur radius’ will perfectly cover it.

Leave a Comment