css - 如何使 JQuery UI 对话框 "close"按钮看起来像 'X' 图标？

Question

“关闭”按钮显示为文本“关闭”，没有样式使其看起来像用户期望看到的关闭对话框的样式。

图形“X”图标不是默认的关闭按钮吗？

如何设计它才能看起来正确？

这是我的对话框初始化(如果我省略“closeText”选项，那么它默认为对话框左上角的“close”):

$("#signInDialog").dialog({ dialogClass: "login",
                            zIndex: 20,
                            modal: true,
                            closeText: 'X'
}); 

Answer 1

jQuery UI 框架中有一个默认的关闭图标:

.ui-icon-close{background-position:-80px -128px}

或

.ui-icon-circle-close{background-position:-32px -192px}

只需查看生成的 CSS 并确保您正确下载了框架(包含所有图像)。