Как стилизовать input text, что бы в placeholder был и фон и картинка?

Question

[ree4i]

Сейчас есть такой вид

Т.е. поле "Режиссер" сделано через плагин tagEditor - он позволяет задать placeholder с картинкой в настройках.
Нужно к такому же виду привести и чистое текстовое поисковое поле. Т.е., что бы была лупа с текстом в виде placeholder'а и был фон у инпута заданный в css.
Вот не получается с картинкой них... чего. Подскажите-направьте пожалуйста.

Answer 1

[Дмитрий]

А как же css background: #{color} url({image}) left center no-repeat; ??

Comments

[ree4i]

Ничего не даёт. background: #E7F2F6, url(......../lupa.png) left center no-repeat;

[ree4i]

Я к input'у это предъявлял

[Дмитрий]

ree4i: криво применяете. Проверяйте через devtools

Answer 2

[Алексей Скляров]

Так же можно через псевдоэлементы :before, :after

P.S: "Режисьор" убило просто

Comments

[ree4i]

А как к placeholder это привязать???

[ree4i]

И кстати "Режисьор" - это болгарский, нерусь ))

[Вадим Дунькин]

ree4i: https://webref.ru/css/selector/attr

input[placeholder]

[Алексей Скляров]

Создаете элемент через абсолютное позиционирование, ставите его как угодно, хоть посередине. Про нерусь - интересное предположение называть нерусью, если я не знаю болгарский О_о, но слово действительно забавное.