Размещение значка внутри входного HTML [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь разместить значок внутри ввода в html. У меня есть код ниже, но я не могу отобразить изображение. Я знаю, что путь к изображению правильный, поэтому не могу найти, что здесь не так.
Моя цель состоит в том, чтобы значок появлялся в левой части ввода, «приклеенный» к левой границе. после значка появляется заполнитель.


.login {
border-radius: 10px;
border: none;
width: 30%;
display: block;
text-indent: 3rem;
}

#username {
background-image: url(../wwwroot/images/login-user.png);
background-repeat: no-repeat;
background-position: 2px 3px;
}


Подробнее здесь: https://stackoverflow.com/questions/775 ... input-html