jQuery UIのアイコンについて

Question

下記のリンクにも載ってますが、jQueryUIにはスプライト画像のアイコンがあります。
http://jqueryui.com/themeroller/

バックグラウンドイメージとして、時計アイコンが必要なところ用にinput要素を作りました。

inputにバックグラウンドアイコンを作るにはどうすればいいでしょうか?

Answer 1

空のspanを使って、jQuery UIクラスを追加しましょう。

このコードを使ってください。

<span class="ui-icon ui-icon-clock" style="display:inline-block"></span><input type="text" />

ディスプレイスタイルをオーバーライドして、ブロックではなくインラインブロックにする必要があります。

そうでないと、インプットが次の行へ押し出されてしまいます。