PDA

Просмотр полной версии : input autofill псевдокласс

T1cKz
11.03.2022, 03:07
Крч дрисня такая, вот видите полоску которую автофилл заполнил и она стала белой??

Как её в CSS отследить?? :autofill и -webkit autofill тоже не работает.

https://forum.antichat.xyz/attachments/27994702/
Hatrig
11.03.2022, 20:25
input:-webkit-autofill {

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

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

}

Где #4B5BEB - нужный цвет фона, #fff - цвет текста
T1cKz
12.03.2022, 01:49
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #4B5BEB inset !important;
-webkit-text-fill-color: #fff !important;
}

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


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

https://forum.antichat.xyz/attachments/27995322/

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

Я думал что-то вроде сделать основу и кинуть тень влево и направо так, но при фокусе хз как это сделать:
https://forum.antichat.xyz/attachments/27995322/
Hatrig
12.03.2022, 11:50
итог инсет тени

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



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