배경 이미지 대 입력 유형 텍스트 크기 설정 방법

Question

배경이 입력에 맞지 않는 이유는 무엇입니까?

<input type="text" class="background"/> 

일부 CSS : 여기

.background { 
    background-image: url("http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/sign-check-icon.png"); 
    bacground-size: 100%; 
} 

뿐만 아니라

Answer 1

당신은 background-size, 100% 100%-background-position50%에, background-repeat에 설정할 수 있습니다 codepen입니다 여기에

내 HTML 코드입니다 no-repeat

.background { 
 
    background-image: url("http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/sign-check-icon.png"); 
 
    background-size: 100% 100%; 
 
    background-position: 50%; 
 
    background-repeat: no-repeat; 
 
}

<input type="text" class="background" />

codepen http://codepen.io/anon/pen/xOQkbQ