我猜你是缺少一些所需的CSS文件。但无论如何，您可以使用以下命令覆盖：

• 负文本缩进。
• 溢出隐藏。

给予CSS：

.close {
  text-indent: -99em;
  overflow: hidden;
}

字符串

来源：https://jqueryui.com/dialog/

<style>
    .ui-button-icon-only {
        width: 2em;
        box-sizing: border-box;
        text-indent: -9999px;
        white-space: nowrap;
    }
    </style>

Close button :    

<button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="Close">
    <span class="ui-button-icon ui-icon ui-icon-closethick"></span>
    <span class="ui-button-icon-space"> </span>
    Close
</button>

字符串

我也有这个问题。
我有一个包含Jquery库和Jquery UI库的shell页面。在第三方应用程序加载到我的shell页面后，他们捆绑的JavaScript库（包括不同版本的Jquery，Jquery UI和Bootstrap）与shell页面发生冲突。
然后，在我的shell页面中定义的弹出对话框与您的问题中显示的问题完全相同-重叠的关闭文本和X符号。
解决冲突对我来说太复杂了，最简单的解决方案似乎只是隐藏默认的关闭按钮，并创建一个自定义按钮来关闭。
下面是隐藏关闭按钮的CSS

.ui-dialog-titlebar-close {
    visibility: hidden;
    }

字符串

您用于jquery-ui.css的特定版本（1.10.3）不支持隐藏“关闭”文本的功能。但是，您可以使用版本（1.12.0-beta.1）或任何后续版本来实现该功能。
例如，您可以包含此链接标记：

<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.0/themes/cupertino/jquery-ui.css" />

字符串
这是隐藏文本的样式规则：

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

型
要访问此版本中的所有样式规则，您可以访问以下URL：https://code.jquery.com/ui/1.12.0/themes/cupertino/jquery-ui.css