设置Jquery对话框标题栏样式

Question

我希望我的一些jquery对话框(不是全部)具有不同的标题栏颜色.我该如何实现这一目标？我在所需的对话框中使用了属性dialogClass:"myClass",但这并没有改变标题栏,只是对话框体.

谢谢!!

Answer 1

指定a dialogClass将此类添加到最外层div包装整个对话框(包括标题栏),因此您只需确保CSS规则指向正确的元素.例如:

.myDialogClass .ui-widget-header {
  background: purple;
}

Answer 2

div.ui-widget-header {
  border: 1px solid #3b678e;
  background: #3b678e url("images/ui-bg_gloss-wave_35_3b678e_500x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}