如何在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
}