Javascript 更改jquery对话框的颜色

是否可以更改jquery对话框标题的颜色？ 我希望第二个对话框的“？”和标题（当您按下“？”时）填充红色背景，而不是标准灰色。我在类“.dialog title bar”中尝试了它，但它不起作用。你能帮助我吗？ 提前感谢！：）

$（“#dialog_arbeitsauftrag”）.dialog({
自动打开：错误，
宽度：“400”，
高度：'200'，
dialogClass:“hilfe_arbeitsauftrag”，
按钮：[
{
文本：“关闭”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
},
]
});
$（“#对话框arbeitsauftrag”）。单击（函数（事件）{
$（“#dialog_arbeitsauftrag”）。dialog（“open”）；
event.preventDefault（）；
});
$（“#对话框arbeitsauftrag，#图标li”）。悬停(
函数（）{
$（this.addClass（“ui状态悬停”）；
},
函数（）{
$（this.removeClass（“ui状态悬停”）；
}
);
$（.hilfe_arbeitsauftrag”）.children（“.ui对话框标题栏”）.append（”）；
$（“#iconhelp”）。单击（函数（事件）{
美元（“#dialog_arbeitsauftrag_hilfe”）。dialog（“打开”）；
event.preventDefault（）；
});
$（“#dialog_arbeitsauftrag_hilfe”）。dialog({
自动打开：错误，
宽度：“200”，
高度：'100'，
});
#对话框arbeitsauftrag{
填充：15.5px 0px 23px；！重要信息
文字装饰：无；
位置：相对位置；
}
#对话框arbeitsauftrag span.ui-icon{
边距：0 5px 0 0；
位置：绝对位置；
左：2米；
最高：25%；
利润上限：-8px；
}
.对话框标题栏{
背景色：红色；
}
#对话{
填充：10px 10px 10px 10px；！重要
文字装饰：无；
位置：相对位置；
}
#iconhelp_arbeitsauftrag{
光标：指针；
浮动：对；
右边距：10px；
}
#对话框arbeitsauftrag span.ui-icon{
边距：0 5px 0 0；
位置：绝对位置；
左：2米；
最高：25%；
利润上限：-8px；
}
#图标{
保证金：0；
填充：0；
}
#李宇春{
保证金：2倍；
位置：相对位置；
填充：4px0；
光标：指针；
浮动：左；
列表样式：无；
}
#图标span.ui-icon{
浮动：左；
利润率：0.4px；
}

阿贝特索夫特拉格

等等。

再来点废话。
是的，只需覆盖.ui对话框标题栏，将其添加到CSS中即可

.hilfe_arbeitsauftrag .ui-dialog-titlebar { background-color: red; background-image: none;}

您添加了两个特殊的
对话框类
，您已经为第一个对话框添加了

$("#dialog_arbeitsauftrag_hilfe").dialog({
  autoOpen: false,
  width: '200',
  height: '100',
  dialogClass: 'arbeitsauftrag_hilfe',
});

然后


$（“#dialog_arbeitsauftrag”）.dialog({
自动打开：错误，
宽度：“400”，
高度：'200'，
dialogClass:“hilfe_arbeitsauftrag”，
按钮：[{
文本：“关闭”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
}, ]
});
$（“#对话框arbeitsauftrag”）。单击（函数（事件）{
$（“#dialog_arbeitsauftrag”）。dialog（“open”）；
event.preventDefault（）；
});
$（“#对话框arbeitsauftrag，#图标li”）。悬停(
函数（）{
$（this.addClass（“ui状态悬停”）；
},
函数（）{
$（this.removeClass（“ui状态悬停”）；
}
);
$（“.hilfe_arbeitsauftrag”）.children（“.ui对话框标题栏”）.find（“.ui对话框标题”）.append（”；
$（“#iconhelp”）。单击（函数（事件）{
美元（“#dialog_arbeitsauftrag_hilfe”）。dialog（“打开”）；
event.preventDefault（）；
});
$（“#dialog_arbeitsauftrag_hilfe”）。dialog({
自动打开：错误，
宽度：“200”，
高度：'100'，
dialogClass:“arbeitsauftrag_hilfe”，
});
#对话框arbeitsauftrag{
填充：15.5px0px 23px；
！重要文字装饰：无；
位置：相对位置；
}
#对话框arbeitsauftrag span.ui-icon{
边距：0 5px 0 0；
位置：绝对位置；
左：2米；
最高：25%；
利润上限：-8px；
}
.对话框标题栏{
背景色：红色；
}
#对话{
填充：10px 10px 10px 10px；
！重要文字装饰：无；
位置：相对位置；
}
#iconhelp_arbeitsauftrag{
光标：指针；
浮动：对；
右边距：10px；
}
#对话框arbeitsauftrag span.ui-icon{
边距：0 5px 0 0；
位置：绝对位置；
左：2米；
最高：25%；
利润上限：-8px；
}
#图标{
保证金：0；
填充：0；
}
#李宇春{
保证金：2倍；
位置：相对位置；
填充：4px0；
光标：指针；
浮动：左；
列表样式：无；
}
#图标span.ui-icon{
浮动：左；
利润率：0.4px；
}
.hilfe_arbeitsauftrag#iconhelp{
背景色：红色；
浮动：对；
}
.arbeitsauftrag_hilfe.ui对话框标题栏{
背景色：红色；
背景图像：无；
}

阿贝特索夫特拉格

等等。

再来点废话。
这里有一个快速而肮脏的解决方案。只需使用header div的组合类来创建一个非常特定的目标，然后为其指定一个红色背景。选择器看起来像：
.ui对话框标题栏.ui小部件标题.ui角点全部.ui助手clearfix.ui可拖动句柄

请参见下面更新的代码段


$（“#dialog_arbeitsauftrag”）.dialog({
自动打开：错误，
宽度：“400”，
高度：'200'，
dialogClass:“hilfe_arbeitsauftrag”，
按钮：[
{
文本：“关闭”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
},
]
});
$（“#对话框arbeitsauftrag”）。单击（函数（事件）{
$（“#dialog_arbeitsauftrag”）。dialog（“open”）；
event.preventDefault（）；
});
$（“#对话框arbeitsauftrag，#图标li”）。悬停(
函数（）{
$（this.addClass（“ui状态悬停”）；
},
函数（）{
$（this.removeClass（“ui状态悬停”）；
}
);
$（.hilfe_arbeitsauftrag”）.children（“.ui对话框标题栏”）.append（”）；
$（“#iconhelp”）。单击（函数（事件）{
美元（“#dialog_arbeitsauftrag_hilfe”）。dialog（“打开”）；
event.preventDefault（）；
});
$（“#dialog_arbeitsauftrag_hilfe”）。dialog({
自动打开：错误，
宽度：“200”，
高度：'100'，
});
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle{
背景：红色；
}
#对话框arbeitsauftrag{
填充：15.5px 0px 23px；！重要信息
文字装饰：无；
位置：相对位置；
}
#对话框arbeitsauftr
.hilfe_arbeitsauftrag #iconhelp {
  background-color: red;
}
.arbeitsauftrag_hilfe .ui-dialog-titlebar {
  background-color: red;
  background-image: none;
}

$("#alertmsg").dialog({ resizable: false,
                title: "eDurar Alert..!",
                height: "auto",
                width: "auto",
                modal: true,
                my: "center",
                at: "center",
                dialogClass: 'no-close',
                of: window
            });
            $('.ui-widget-header').css({ 'background-color': '#e9171f' });
            $('.ui-dialog-titlebar').css({ 'background-color': 'red' });

        }