Хочу лупу в конец инпута и менять на крестик, когда

Question

Хочу лупу в конец инпута и менять на крестик, когда

введён текст. Я мог бы навесить на бефор, если бы это был бы не инпут. Думал навесить на обёртку(див), но проверить ребёнка и навесить на родитель можно только через js. Не хочу так делать. Верску менят тоже не хочу. Есть ещё идеи, как можно обыграть ситуацию оставивив только эти 2 элемента и не используя js?

#css #frontend #html #programming #russian

0

21.10.2021

4 ответов

19 просмотров

Erik E Автор вопроса

ssoyP akabaS
а менять на крестик как будешь в бефор, если по пс...

.search-page__input:required:valid + .search-page__input-arr { content: url(../svg/cross.svg); } .search-page__input:required:invalid + .search-page__input-arr { content: url(../svg/search-blue.svg); width: 16px; height: 16px; }

0

21.10.2021

Erik E Автор вопроса

Erik E
.search-page__input:required:valid + .search-page_...

без js

0

21.10.2021

ssoyP akabaS

Erik E
.search-page__input:required:valid + .search-page_...

и менять их, комбинируя селекторы как тут у тебя

0

21.10.2021