我在尝试自定义对话框外观的以下脚本中:
http://jsfiddle.net/7CvZ9/18/
但是,我似乎无法弄清楚如何自定义关闭图标。
有谁知道这是怎么做到的吗?
我已自定义对话框的其他部分,但查看主题api:
http://jqueryui.com/docs/Theming/API
但是从那个链接,我不知道如何自定义关闭图标。
所以基本上,我想用我自己的2状态图像精灵文件替换现有的2状态图像。
最佳答案
使用此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/