到目前为止，我使用了jQuery UI 1.11.4，在我的Web应用程序中，我显示了一些Dialog Widgets用于多个动作，信息等。我使用以下CSS样式强制他们有一个很薄的蓝色边框，这很好用：
.ui-dialog {
border: 2px solid #0000FF;
padding: 0px;
}
今天，我切换到jQuery UI 1.12.1，边框不再显示了...我分析了1.11.4和1.12.1对话之间的差异，唯一的主要区别我看到旧版本有一个额外的
display: block;
的风格，所以我试着把它添加到我自己的风格。没有效果......边界消失了。
当然我在问之前首先对我的问题进行了研究 - 没有成功......所描述的解决方案here也没有成功。
有人对这个问题有所了解吗？
答案 0 :(得分：0)
查看他们的示例页面，只要在css之后加载jquery-ui.css，就应该这样做：
.ui-widget.ui-widget-content {
border: 2px solid #0000FF;
padding: 0;
}
如果您的自定义样式表在jquery-ui.css之前加载（这可能是错误的 - 它应该是页面中加载的最后一个样式表，因此您可以使用具有相同特异性的选择器轻松覆盖现有CSS）您将会这样做需要一个稍强的选择器：div.ui-widget.ui-widget-content。
这仅适用于您尚未自定义jquery-ui窗口小部件的默认标记，并且您没有其他具有更强选择器的代码片段会影响我们尝试设置的元素