替换对话框关闭按钮只是十字图标答案

【问题标题】：Replacing dialog close button just Cross icon替换对话框关闭按钮只是十字图标
【发布时间】：2017-11-24 07:40:45
【问题描述】：

我试图将 jquery 对话框关闭按钮替换为一个图标，但无法做到这一点。我已经尝试过在这里找到的不同的 css 格式，但没有成功。

我也尝试过更改对话框设置，但这样，只能看到按钮顶部的部分十字（使用红色十字查看，我的图标会出现，而不是对话框默认的图标，没关系，如果在后台没有那个按钮）

.ui-icon.ui-icon-red-deny{
    background-image: url("../Content/images/35x35/icon35-deny-red.png") ; 
}

$("#dialogInfo").dialog({
            autoOpen: false,
            create: function(event, ui) {
                var widget = $(this).dialog("widget");
                $(".ui-dialog-titlebar-close span", widget).removeClass("ui-icon-closethick").addClass("ui-icon-red-deny");
            },

Dialog close button to cross icon

【问题讨论】：

标签： jquery asp.net-mvc-3 dialog

【解决方案1】：

将!important 添加到您的 CSS 规则中，并确保它适用于所有情况。

.ui-icon.ui-icon-red-deny{
     background-image: url("../Content/images/35x35/icon35-deny-red.png") !important; 
}

【讨论】：

也试过了。剂量改变任何东西。仍然显示为最后一张图片。确定是什么意思？我需要做什么？
与检查员一起查看可以应用于您的目标的所有类，并将您的规则应用于所有这些类