背景画像と入力タイプのテキストサイズの設定方法

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