検索フィールドのスプライトに問題があり、選択を解除する

Question

私はこの素晴らしい検索フィールドを自分のグラフィックに作成しました。そして、cssスプライトを使用して効果を作成します。このアプローチの

問題は...（検索フィールド以外の場所をクリックしてください）あなたがテキストを書き込む場合、および選択解除よりも、第1の背景が再表示され、私はそれがどのように見えるか嫌いという

ある任意のアイデアそれは滞在作り方テキストが入力されたときのフォーカス状態？

jqueryを使用している可能性がありますが、より簡単な方法が必要ですか？

.search input.box { 
background: url("img/search-bg.png") no-repeat scroll 0 0 transparent; 
color: #FFFFFF; 
font-size: 0.9em; 
height: 32px; 
padding: 0 0 0 31px; 
width: 159px; 

}

.search input.box:focus { 
    background: url("img/search-bg.png") no-repeat scroll left -32px transparent; 
    outline: medium none; 
} 

Answer 1

あなたはこれを考え出したかどうわかりません。私は常にこのためにjQueryを使用します。問題は、入力がフォーカスを失うと、.search input.boxスタイルに戻ります。