JSFiddle - React, Tailwind, and code Playground

by Александр Парчагин

HTML

<div class="user">
    <input type="text" placeholder="Имя пользователя">
</div>

CSS

.user{
    position:relative;
}
.user input{
    padding:10px;
    padding-left:40px;
    border:1px solid #ccc;
}
.user:before{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:10px;
    width:18px;
    height:18px;
    background-image:url(http://guidegroup.ru/sprite/sprite.png);
    background-position: -88px -5px;
    background-repeat: no-repeat;
}