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

Question

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

以前有没有人做过。

注意，我可以删除标题栏，但是也可以删除关闭按钮，类似地，我可以删除关闭按钮或将其移动到标题栏上的任何位置，但不能远离标题栏。

谢谢

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;">