jquery - 如何更改 JQueryUI 对话框标题的颜色？

Question

我想更改 JQueryUI 对话框的背景颜色。我使用以下样式来更改它并且它有效。但问题是它也有效果，DatePicker Dialog Title。我只想更改对话框标题而不是 DatePicker 标题。您能否告诉我如何仅更改对话框图 block 颜色？谢谢。

.ui-widget-header
{
    background-color: #F9A7AE;
    background-image: none;
    color: Black;
}

Answer 1

您可以直接定位标题栏，对话框插件将输出类似于以下对话框标题的 HTML:

<div class="ui-dialog-titlebar ui-widget-header">
  <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span>
</div>

(取自对话框页面，here)

.ui-dialog-titlebar {
  background-color: #F9A7AE;
  background-image: none;
  color: #000;
}

或者，您可以将一个类传递给对话框:

$('#foo').dialog({dialogClass: 'myClass'});

See here