Jquery 对话框图标

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

然而，我似乎不知道如何定制关闭图标

有人知道怎么做吗

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

但是从这个链接，我不知道如何定制关闭图标

---

因此，基本上，我想用我自己的2状态图像精灵文件替换现有的2状态图像。

jQuery ui主题包含所有图标的精灵图像，这些图标组合在一起并组织在同一文件中

您可以更改自定义主题文件中的图标

这些文件的名称类似于：ui-icons_22222_256x240.png

并且可以在主题的images文件夹中找到

图像看起来像这样：

---

jQueryUI主题包含所有图标的精灵图像，这些图标组合在一起并组织在同一个文件中

您可以更改自定义主题文件中的图标

这些文件的名称类似于：ui-icons_22222_256x240.png

并且可以在主题的images文件夹中找到

图像看起来像这样：

---

关闭图标中涉及的类有：

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

这是生成的标记

<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 
.ui-icon-closethick

这是生成的标记

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

我认为您应该覆盖这两个类，以更改按钮的外观

使用此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换成了新图像：

使用此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换成了一个新的图像：

您希望以什么方式自定义图标？例如，创建我自己的闭合图标图像我假设它是一个图像？它有两种状态，就像默认图像一样。目前，与我的应用程序中手动构建的其他图标相比，它看起来不合适。您希望以何种方式自定义图标？例如，创建我自己的关闭图标图像我假设它是一个图像？它有两种状态，就像默认图像一样。目前，与我的应用程序中手动构建的其他图标相比，它看起来不合适。如果我有自己的精灵图标文件，如何将任何图像的默认状态应用为默认状态，然后将另一个应用为悬停状态？如果我有自己的精灵图标文件，如何应用任何图像的默认状态作为默认状态，然后再应用另一个悬停状态？这与我所追求的非常接近。是否可以更改鼠标悬停效果？因为我最初认为这是图标的一部分，看起来我错了。这与我所追求的非常接近。是否可以更改鼠标悬停效果？因为我最初认为这是图标的一部分，看起来我错了。