Как сделать такую форму ввода?

Question

[keche]

Как сделать такую форму? Как на скрине который приложил.



Фоном понимаю как задать, а вот с border проблемы будут, так как border будет перекрывать фон, если его делать.
Какие есть способы?

Answer 1

[McBernar]

Что вам мешает сделать слева изображение не фоном к инпуту, а отдельным дивом?

Comments

[keche]

Это как? Можете показать на примере?

[Максим Тимофеев]

keche:
https://adminlte.io/themes/AdminLTE/pages/forms/ge...

<div class="input-group">
                <span class="input-group-addon">@</span>
                <input type="text" class="form-control" placeholder="Username">
</div>

[Volodimir Babeshko]

Псевдоэленты на что придумали

Answer 2

[Антон Иванов]

Посмотрите как это сделано у bootstrap.
getbootstrap.com/components/#input-groups-buttons