jQueryUI 对话框在关闭按钮下错误地显示文本[重复]答案

【问题标题】：jQueryUI Dialog is incorrectly showing text under the Close Button [duplicate]jQueryUI 对话框在关闭按钮下错误地显示文本[重复]
【发布时间】：2016-08-11 19:14:38
【问题描述】：

我正在使用 jQuery 3 和 jQueryUI 1.12。升级后，当我显示对话框时，我得到了这个：

问题是“关闭”一词出现在关闭按钮下方。

这样做的原因是它实际上是在生成的 HTML 中：

但我不知道它为什么这样做或如何修复它（除了直接破解 DOM，但这似乎是不可取的，因为它是库的核心部分）。

这是怎么回事，我该如何解决？

【问题讨论】：

通常 jQuery UI 将规则 .ui-button-icon-only 和 text-indent: -9999px; 应用于此。根据您的 html，该类就在那里。因此，请确保包含 jQuery UI css（包含对话框的包）并且没有自定义规则覆盖它。
出色，快速。谢谢你。这导致我使用了一些不匹配的样式表，从而解决了我的问题。如果您作为答案发布，我可以接受。

标签： jquery jquery-ui jquery-ui-dialog

【解决方案1】：

jQuery UI 使用它自己的对话框样式表。应用于该元素的标准 css 规则是 .ui-button-icon-only，它设置了 text-indent: -9999px;

确保您已包含jquery-ui.css。使用download-builder 时，请确保包含对话框的样式。并且选择了正确的主题。

要更改为默认样式，您可以使用themeroller

【讨论】：