如何移动jQuery UI对话框上的关闭按钮

Question

我想将UI标题栏右上角的关闭按钮从实际标题栏移开。我已经查看了文档和其他SO问题，但找不到解决方案。

以前有人这样做过吗。

n.b.我可以删除标题栏，但这也会删除关闭按钮，类似地，我可以删除关闭按钮或将其移动到标题栏上的任何位置，但不能离开标题栏。

感谢

Answer 1

您可以做到这一点。

button.ui-dialog-titlebar-close {
  top:60px !important; 
  z-index:99999;
}

在JSFiddle上也试试

Answer 2

最后，我隐藏了标题栏和关闭按钮，并插入了一个关闭对话框的图像：-）

<img src="close-window.png" onclick="$('#dialog-learn').dialog('close');" style="float:right;">