如何更改 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代码>}
相关文章