jquery - 对话框图标

Question

我有以下脚本，我一直在尝试自定义对话框的外观:

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

但是，我似乎不知道如何自定义关闭图标。

有人知道怎么做吗？

我已经自定义了对话框的其他部分，但查看了主题 api:

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

但是从该链接中，我无法弄清楚如何自定义关闭图标。

所以基本上，我想用我自己的 2 状态图像 Sprite 文件替换现有的 2 状态图像。

Answer 1

使用这个CSS:

.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/