对话框jQuery UI的唯一模型背景色

如何更改模型的背景色

$dialog1 modal background to red 

$dialog2 modal background to blue

我不想要一个全局解决方案，我需要将每个解决方案更改为唯一的

谢谢你的帮助

var$dialog1=$（''）；
$dialog1.dialog({
宽度：100，
身高：100，
莫代尔：是的，
可调整大小：false，
位置：[0,0]，
打开：函数（）{
//$（'.ui小部件覆盖'）.css（{'background'：'red'}）；
$（this.css（{'background'：'red'}）；//不更改模式背景
}
});
变量$dialog2=$（''）；
$dialog2.dialog({
宽度：100，
身高：100，
莫代尔：是的，
可调整大小：false，
职位：[200200]，
打开：函数（）{
//$（'.ui小部件覆盖'）.css（{'background'：'blue'}）；
$（this.css（{'background'：'blue'}）；//不更改模式背景
}
});

试试这个：

var $dialog1 = $('<div />');
$dialog1.dialog({
    width: 100,
    height: 100,
    modal: true,
    resizable: false,
    position: [0, 0] ,
    open: function () {
        $(this).dialog('widget').next('.ui-widget-overlay').css({ 'background': 'red' }); // not changing modal back ground
    }
});

var$dialog1=$（''）；
$dialog1.dialog({
宽度：100，
身高：100，
莫代尔：是的，
可调整大小：false，
位置：[0,0]，
打开：函数（）{
$（this）.dialog（'widget'）.next（'ui widget overlay'）.css（{'background'：'red'}）；//不更改模式背景
}
});

你能更具体地说一下你所说的背景色是什么意思吗？我的意思是，你想通过更改对话框所有部分（包括标题、主体等）的配色方案来更改对话框的灰色主题吗？嗨，是-将灰色改为红色和蓝色。谢谢

var $dialog1 = $('<div />');
$dialog1.dialog({
    width: 100,
    height: 100,
    modal: true,
    resizable: false,
    position: [0, 0] ,
    open: function () {
        $(this).dialog('widget').next('.ui-widget-overlay').css({ 'background': 'red' }); // not changing modal back ground
    }
});