Всем привет, какие варианты есть чтобы вставить иконку лупы в строку поиска?

Question

[pablo_d]

И можно ли сделать это с помощью псевдоэлементов?

Answer 1

[Undefined Null]

С помощью псевдоэлементов это легко делается используя ::before

Иконки можно взять к примеру отсюда:
https://mui.com/components/material-icons/

Comments

[bingumd]

но ::before и ::after нельзя добавлять к текстовым полям и изображениям

[Vladislav]

bingumd, верно, поэтому это кнопка

Answer 2

[Vladislav]

Иконка лупы в поле поиска это кнопка с типом submit, которая отправляет запрос с данными, которые вы ввели в этом поле, поэтому делаете кнопку через absolute, форму как relative и потом относительно поля поиска выровнять по центру вертикали и по горизонтали сколько вам нужно