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

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;