input:-webkit-autofill {

-webkit-box-shadow: 0 0 0 1000px #4B5BEB inset !important;

-webkit-text-fill-color: #fff !important;

}

Где #4B5BEB - нужный цвет фона, #fff - цвет текста

итог инсет тени



Суть в том что shadow делает тень внутри объекта. А у меня сам фон у input через градиент сделан, и анрил сделать это через box-shadow потому что оно при фокусе тоже обводку делает. Вот такая хуита.

Я думал что-то вроде сделать основу и кинуть тень влево и направо так, но при фокусе хз как это сделать:

Как вариант - autocomplete="off" атрибутом для input задать