html - 入力フィールド内の画像を右揃えにする方法は?

Question

入力フィールド内で JPEG 画像を右揃えにするにはどうすればよいですか?

.input-field {  
    background: #fff url("../images/search.jpg") no-repeat; 
}

デフォルトでは、画像は左揃えです。

Answer 1

「右」を追加するだけです

.input-field {  
    background: #fff url("../images/search.jpg") no-repeat right; 
}

バックグラウンド ポジションの詳細: http://www.w3schools.com/cssref/pr_background-position.asp

Answer 2

背景位置を使用: http://www.w3schools.com/cssref/pr_background-position.asp

.input-field {  
    background: #fff url("../images/search.jpg") no-repeat;
    background-position: right center;
}