CSS input autofill псевдокласс

[T1cKz]

Крч дрисня такая, вот видите полоску которую автофилл заполнил и она стала белой??
Как её в CSS отследить?? :autofill и -webkit autofill тоже не работает.

 

[Hatrig]

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #4B5BEB inset !important;
-webkit-text-fill-color: #fff !important;
}

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

 

[T1cKz]

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 потому что оно при фокусе тоже обводку делает. Вот такая хуита.
Я думал что-то вроде сделать основу и кинуть тень влево и направо так, но при фокусе хз как это сделать:

 

[Hatrig]

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

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