如何制作链接文本“；关闭&x201D；是否在jQuery对话框中显示交叉图标？

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

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

---

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

您可以实现这一点，并通过CSS进行修改：

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

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

---

您可以通过CSS实现这一点并对其进行修改：

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

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

---

它起作用了。我在上使用chrome dev inspector进行了测试。您可以使用CSS基本上更改外观的任何部分。只要确保您的样式出现在jQuery UI css之后，或者确保使用

！重要的

。对埃米特来说——老兄，我很感谢你的努力，但这不好。我有一个基于MVC4互联网模板的项目。我在site.css文件中坚持了你的两条规则。当我调用对话框时，我在右上角看到一个“close”的外观，但有两个问题。乌诺，当我用鼠标点击文本时，我看到文本周围有一个正方形。由于，无法设置文本的样式。无意冒犯，但我不需要你发现这一点。在我在这个论坛上提问之前，我就已经看到了这种现象，我尝试过比你的两条规则更“狡猾”的技巧。a）“我看到文本周围有一个正方形”。好的，所以使用CSS来扩大正方形。b） “没有办法设计文本的样式”。是的，有，它被称为CSS。同样，你完全可以随意修改对话框的外观，只需使用CSS即可。我在上使用chrome dev inspector进行了测试。您可以使用CSS基本上更改外观的任何部分。只要确保您的样式出现在jQuery UI css之后，或者确保使用

！重要的

。对埃米特来说——老兄，我很感谢你的努力，但这不好。我有一个基于MVC4互联网模板的项目。我在site.css文件中坚持了你的两条规则。当我调用对话框时，我在右上角看到一个“close”的外观，但有两个问题。乌诺，当我用鼠标点击文本时，我看到文本周围有一个正方形。由于，无法设置文本的样式。无意冒犯，但我不需要你发现这一点。在我在这个论坛上提问之前，我就已经看到了这种现象，我尝试过比你的两条规则更“狡猾”的技巧。a）“我看到文本周围有一个正方形”。好的，所以使用CSS来扩大正方形。b） “没有办法设计文本的样式”。是的，有，它被称为CSS。同样，您完全可以使用CSS修改对话框的外观。