Question

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

图形'X'图标不是默认关闭按钮吗？

如何将其设计为正确的样式？

这是我的对话框初始化（如果我省略了“closeText”选项，那么它在对话框的左上角默认为“关闭”）：

$("#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并确保正确下载框架（包含所有图像）。

Answer 2

尝试使用此值而不是“X”....值为×

使用它类似于此......无论你需要什么......

<a id="some_id">&#215;</a>

可能有用......

Answer 3

HTML提供了一个关闭图标， close的Unicode字符是×。你可以使用它类似于...

<a href='javascript:void(0)'>&times;</a>

如何使JQuery UI对话框“关闭”按钮看起来像'X'图标？

3 个答案: