html - 将图标放在表单中的输入元素内并移动图标

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;