양식의 입력 요소 안에 아이콘을 넣고 아이콘을 이동하십시오.

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

당신의 CSS 코드에 이것을 추가

background-position: 0 5px 0 0; 

대신

background-position: right; 

Answer 2

시도를하려고

margin-right:10px;