カスタムアイコンのみのjQuery UIボタンウィジェットを作成するには？

Question

私は他のRIA技術の代わりにjQuery UIを手にしていますが、アイコン専用のボタンを作りたかったのです。私はデフォルトのテーマローラーアイコンを使用してそれを行うことができますが、私自身のアイコンを使用したいと思います。

カスタムアイコンとのテキストを含むカスタムボタンを正常に作成しましたが（hereを参照）、テキストを削除すると不釣合いで醜いものになります。

<div>に<img>をラップしてから、を呼び出しても大きすぎます。私が本当に望んでいたのは、テーマに付属しているアイコンのようなアイコンボタンを、代わりに自分のアイコンを使用するというものでした。私は自分自身を明確にし、理解しやすい作りました期待して

、

FA

Answer 1

（ExtJSのアイコンのみのボタンまたはAdobeのFlex（なぜあなたはわたしを捨てている）アイコン・ボタンのみを考えます）

これは私にとってはうまくいくようです（デモhereとあなたが言いました答えから適応されました）。キーはfalseにtextオプションを設定しているように見えます：

はJavaScript：

$('#button').button({ 
    text: false, /* Don't include text on the button */ 
    icons: { 
     primary: 'ui-icon-custom' 
    } 
}); 

CSS：

#button > span.ui-icon-custom { 
    background-image: url(http://placekitten.com/25/25) 
} 

例：http://jsfiddle.net/ReKbf/

（恐ろしいプレースホルダ画像の謝罪）