如何改变jQuery UI对话框的背景颜色？

问题描述

我很难想出如何改变 jQuery UI对话框的背景颜色。

已经看到很多参考如何更改/删除标题栏，但不包括整个背景，包括那些弯曲的角落。

这是我的尝试：

问题是 .ui-widget-content 仅适用于对话框中的正方形区域，但不包括弯曲的角落。

我发现一个类 .ui-corner-all 类希望它将整个背景颜色，但只有一半的对话框是彩色的。 （你可以在jsfiddle中看到这个）

有没有人这样做过？

解决方案

你可以这样使用

您应该设置为所有课堂背景，使用！important。

.ui-dialog，.ui-widget，.ui-widget-content，.ui-corner-all，.foo，.ui-draggable，.ui-resizable {背景：黄色！重要}

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.

Here is my try:

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

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

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)

Has anyone done this before?

解决方案

you can use this way

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

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}​

这篇关于如何改变jQuery UI对话框的背景颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！