如何更改jQuery UI Dialog的背景颜色？
我很难弄清楚如何更改jQuery UI Dialog背景颜色。
我见过很多参考如何更改/删除标题栏但不包括整个背景，包括那些弯曲的角落。
这是我的尝试：
http://jsfiddle.net/dEvKb/11/
问题是.ui-widget-content仅适用于对话框中的方形区域，但不包括弯曲的角落。
我发现了一个类.ui-corner-all类，希望它会为整个背景着色，但只有一半的对话框是彩色的。 （你可以在jsfiddle中看到这个）
有没有人这样做过？
你可以用这种方式
您应该使用！important设置为所有课程背景。
.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {background:yellow !important }
使用css类：
- UI的对话
- 整个东西的主要容器
- UI的对话框的标题
- 这是标题实际出现的地方
- UI的对话框的标题栏
- 如果存在对话标题的区域
- UI的对话内容
- 实际加载div的区域
- UIresize手柄
- 这些div用于调整对话框的大小，但通常根据您的设置不可见
- UI的对话框的buttonpane
- 如果存在按钮将在这里
- UI的对话框的buttonset
- 这是按钮实际出现的位置
此外，与选择的答案不同，请注意， 您不必使用!important 。
如果您想直接通话，请设置所有内容并创建对话框。 在Chrome或FF中加载页面（Chrome更易于阅读）。 然后只需打开对话框并选择要更改的元素。 在浏览器的开发人员工具中查看其CSS。 你将能够看到jqueryui使用的确切行来进行css调用。 只需将该行复制到您自己的CSS中，并确保稍后加载该对话框，您的对话框将获得新的覆盖。
如果要定位特定对话框，可以这样做：
$('#yourDialog').dialog( { autoOpen: false, open: function(e) { $(e.target).parent().css('background-color','orangered'); } });
在css中使用此类
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: #ff0000; overflow: auto; zoom: 1; }
请注意，您还可以使用jQuery中的此链接创建自己的自定义CSS
http://jqueryui.com/themeroller/
jQuery允许我们创建一个custom-css。 请从图库中选择您想要的主题并点击编辑按钮，您将能够更改关于对话框的几乎所有内容以及圆角。
然后你需要在其中下载整个jQuery包，你会发现css / custom-css文件夹只是放在你的css标签中，它将基本上全部排序。
上面的方法也是如此，因为你可以改变它，但是你必须在CSS中寻找类和类似的东西jQuery jQuery为我们做了一个简单的方法，它也适用于我，所以你可以也尝试一下。
我基本上做的是创建两到三个自定义样式表，然后加载它们并与它们一起玩，最后选择一个用于网站并丢弃其余的。
我希望这有帮助…