jquery - 如何使链接文本“关闭”而不是十字图标出现在 jQuery 对话框中？

Question

在一个普通的 jQuery 对话框中，您会在右上角看到一个十字图标。单击它时，对话窗口将关闭。底层 HTML 如下所示：

    <a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
      <span class="ui-icon ui-icon-closethick">close</span>
    </a>

代替十字图标，我希望“关闭”文本链接可见。这可以做到吗？

Answer 1

您可以使用 CSS 实现并修改它，但您也可以根据需要进行修改：

.ui-icon-closethick {
    background-image: none;
    text-indent: 0;
    width: 50px;
}

.ui-dialog-titlebar-close {
    right: 1.3em
}