ダイアログボックスのアイコン

Question

は私がダイアログボックスのルックアンドフィールをカスタマイズしようとしている次のスクリプトがあります。

http://jsfiddle.net/7CvZ9/18/

をしかし、私はカスタマイズする方法を見つけ出すように見えることはできません閉じるアイコン。

誰でもその方法を知っていますか？

私は、ダイアログの他の部分をカスタマイズしていますが、テーマのAPIを見て：

http://jqueryui.com/docs/Theming/API

しかし、そのリンクから、私は、閉じるアイコンをカスタマイズする方法を見つけ出すことはできません。

基本的に、私は自分の2状態画像スプライトファイルで既存の2状態画像を置き換えたいと思います。

Answer 1

は、このCSSを使用して見た目を変更するには、これらの2つのクラスをオーバーライドするべきだと思い生成されるマークアップ

<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"> 
<span class="ui-icon ui-icon-closethick">close</span> 
</a> 

されています、私は

.ui-dialog-titlebar-close { 
    /* Default image */ 
    background-image:url('http://www.charlottemotorspeedway.com/images/icon_x.png'); 
} 

.ui-dialog-titlebar-close:hover, 
.ui-dialog-titlebar-close:focus { 
    background-color:transparent !important; 
    border:none !important; 
    /* Hover state image */ 
    background-image:url('http://www.charlottemotorspeedway.com/images/icon_x.png') !important; 
} 

例スワップアウト新しい画像のX：http://jsfiddle.net/AlienWebguy/7CvZ9/22/

Answer 2

jQuery UIテーマには、すべてのアイコンのスプライト画像がグループ化され、同じファイルに整理されています。

カスタマイズしたテーマファイルのアイコンを変更することができます。

ファイルは何か名前が付けられます。ui-icons_222222_256x240.png

を、画像がそのような何かに見えるテーマ

のimagesフォルダにfoudnすることができます。

Answer 3

関与クラスを閉じるアイコンには、

.ui-dialog-titlebar-close 
.ui-icon-closethick 

これは、私はあなたがボタンを