如何更改 jQuery UI 对话框的背景颜色?

问题描述

我很难弄清楚如何更改 jQuery UI Dialog 的背景颜色.

I am having tough time figure out how to change background color of jQuery UI Dialog.

我看过很多关于如何更改/删除标题栏的参考资料，但没有看到整个背景，包括那些弯曲的角落.

I've seen many reference how to change/remove title bar but not entire background including those curvy corner.

这是我的尝试:

http://jsfiddle.net/dEvKb/11/

问题是.ui-widget-content只适用于对话框内的正方形区域，不包括弯角.

The problem is .ui-widget-content only applies to square area within the dialog but not including curvy corner.

我找到了一个类 .ui-corner-all 类，希望它能为整个背景着色，但只有一半的对话框是着色的.(你可以在 jsfiddle 中看到这个)

I found a class .ui-corner-all class hoping it will color the entire background but only half of the dialog is colored. (you can see this in the jsfiddle)

以前有人做过吗?

推荐答案

你可以这样用

http://jsfiddle.net/dEvKb/15/

您应该使用 !important 设置为所有班级背景.

You should set to all class background with use !important.

.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {background:yellow !important}