设置Jquery对话框标题栏样式

Question

我希望我的一些jquery对话框（不是全部）具有不同的标题栏颜色。 我该如何实现这一目标？ 我在所需的对话框中使用了属性dialogClass：“myClass”，但这并没有改变标题栏，只是对话框体。

谢谢！

Answer 1

指定dialogClass将此类添加到包含标题栏的整个对话框的最外层div，因此您只需确保CSS规则定位到正确的元素。例如：

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

Answer 2

你可以这样做：

   div#myDialog .ui-dialog-titlebar {
      background-color: red;
   }

.ui-dialog-titlebar正是您希望将风格应用到的。

Answer 3

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