Javascript 用户界面模式对话框用户界面图标关闭颜色更改

我正在修复ui图标close的颜色，它是一个close图标“X”。目前，我主要看到以下页面，帮助我更改“.ui close icon”的颜色，这是“X”的图标颜色。但到目前为止它还不起作用。我该怎么修理

我的小提琴

$.widget（“ui.dialog”，$.extend（{}，$.ui.dialog.prototype{
_标题：功能（标题）{
如果（！this.options.title）{
title.html（“ ；”）；
}否则{
html（this.options.title）；
}
}
}));
$（“#对话框”）。对话框({
自动打开：错误，
　　身高：300，
宽度：830，
dialogClass:“myTitleClass”，
莫代尔：是的，
标题：“我的心，我的心，我的心”，
closeOnEscape：错误，
打开：功能（事件、用户界面）{
$（“.ui对话框标题栏关闭”，ui.dialog | ui）；
},
按钮：{
“保存”：函数（）{
$（this.trigger（updateKeyword（））；
}
}
})
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
});
input#opener{
高度：30px；
宽度：200px；
左：50%；
利润上限：-15px；
/*=-高度/2*/
左边距：-100px；
/*=-宽度/2*/
位置：固定；
最高：80%；
背景：rgba（4151840.9）；
颜色：#fff；
字体：Arial；
字体大小：16px；
字号：700；
线高：1.5；
边界样式：开始；
显示器：flex；
过渡：放松；
垂直对齐：中间对齐；
证明内容：中心；
}
.myTitleClass.ui对话框标题{
空白：正常；
}
.myTitleClass.ui对话框标题栏{
背景：rgba（4151840.9）；
颜色：#fff；
字体大小：16px；
字号：700；
高度：60px；
}
.myTitleClass.ui小部件内容.ui状态默认值{
背景图像：无；
背景色：rgba（4151840.6）；
颜色：#fff；
字体大小：16px；
字号：700；
边框样式：无；
}
.myTitleClass.ui小部件内容.ui状态悬停{
背景图像：无；
背景色：rgb（4127184）；
颜色：#fff；
字体大小：16px；
字号：700；
边框样式：无；
}
.ui小部件覆盖{
位置：固定；
背景：黑色；
}
.myTitleClass.ui对话框标题栏关闭{
背景：rgba（4151840.9）；
边界半径：17px；
高度：33像素；
利润率：-10px0；
填充：1px；
位置：绝对位置；
右：-28px；
前-24%；
宽度：33px；
}
.myTitleClass.ui-icon-close{
背景图像：url（“图像/ui-icons_ffffff_256x240.png”）；
}
.ui对话框{
溢出：可见；
}
}

圣诞快乐。
您可以使用以下CSS覆盖图标：

.ui-state-default .ui-icon {
    background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_ffffff_256x240.png) !important;
}

您可以下载任意颜色的图标png文件。只需更改以下url中的颜色部分：

http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png

颜色-更改颜色代码，如ff0000、ffffff

（但不要将URL用作CDN，要友好，将文件保存在本地）


$.widget（“ui.dialog”，$.extend（{}，$.ui.dialog.prototype{
_标题：功能（标题）{
如果（！this.options.title）{
title.html（“ ；”）；
}否则{
html（this.options.title）；
}
}
}));
$（“#对话框”）。对话框({
自动打开：错误，
　　身高：300，
宽度：830，
dialogClass:“myTitleClass”，
莫代尔：是的，
标题：“我的心，我的心，我的心”，
closeOnEscape：错误，
打开：功能（事件、用户界面）{
$（“.ui对话框标题栏关闭”，ui.dialog | ui）；
},
按钮：{
“保存”：函数（）{
$（this.trigger（updateKeyword（））；
}
}
})
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
});
.ui状态默认值.ui图标{
背景图片：url(http://download.jqueryui.com/themeroller/images/ui-icons_ffffff_256x240.png)！重要；
}
输入#开启器{
高度：30px；
宽度：200px；
左：50%；
利润上限：-15px；
/*=-高度/2*/
左边距：-100px；
/*=-宽度/2*/
位置：固定；
最高：80%；
背景：rgba（4151840.9）；
颜色：#fff；
字体：Arial；
字体大小：16px；
字号：700；
线高：1.5；
边界样式：开始；
显示器：flex；
过渡：放松；
垂直对齐：中间对齐；
证明内容：中心；
}
.myTitleClass.ui对话框标题{
空白：正常；
}
.myTitleClass.ui对话框标题栏{
背景：rgba（4151840.9）；
颜色：#fff；
字体大小：16px；
字号：700；
高度：60px；
}
.myTitleClass.ui小部件内容.ui状态默认值{
背景图像：无；
背景色：rgba（4151840.6）；
颜色：#fff；
字体大小：16px；
字号：700；
边框样式：无；
}
.myTitleClass.ui小部件内容.ui状态悬停{
背景图像：无；
背景色：rgb（4127184）；
颜色：#fff；
字体大小：16px；
字号：700；
边框样式：无；
}
.ui小部件覆盖{
位置：固定；
背景：黑色；
}
.myTitleClass.ui对话框标题栏关闭{
背景：rgba（4151840.9）；
边界半径：17px；
高度：33像素；
利润率：-10px0；
填充：1px；
位置：绝对位置；
右：-28px；
前-24%；
宽度：33px；
}
.myTitleClass.ui-icon-close{
背景图像：url（“图像/ui-icons_ffffff_256x240.png”）；
}
.ui对话框{
溢出：可见；
}
}

圣诞快乐。
这是图像，您必须更改它的颜色-非常感谢！那么，我是否必须使用.ui state default.ui icon而不是使用ui icon close来更改颜色？是的，如果要使用close icon，则类为“ui icon closethick”，因此.ui state default.ui icon closethick