javascript - 设置 Jquery 对话框标题栏样式

Question

我希望我的一些 jquery 对话框（不是全部）具有不同的标题栏颜色。我怎样才能做到这一点？我在所需的对话框中使用了属性 dialogClass:"myClass" 但这不会更改标题栏，只会更改对话框正文。

谢谢！！

Answer 1

指定 adialogClass会将此类添加到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;
}

Answer 3

你可以这样做：

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

这.ui-dialog-titlebar就是您希望将您的样式应用到的内容。