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

Question

Я положил значок ввода, и я пытаюсь его переместить.

От:

в

HTML:

<input type="text" name="username" placeholder="Въведе потребителско име ..."> 

CSS

#contact input[name='username']{ 
    background:url('../image/icon/user.png'), #ebebeb; 
    background-repeat: no-repeat, repeat; 
    background-position: right; 
    width: 355px; 
    padding: 10px; 
    padding-left: 10px; 
    padding-right:55px; 
    border: 0px; 
    margin-top: 6px; 
    transition: box-shadow 0.3s; 
} 

Answer 1

попробуйте

background-position: 0 5px 0 0; 

вместо

background-position: right; 

Answer 2

Попробуйте добавить это в ваш код CSS

margin-right:10px;