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

Question

我想更改JQueryUI对话框的背景颜色。我使用以下样式来改变它，它的工作原理。但问题是它也有效，DatePicker Dialog Title。我只想更改Dialog标题而不是DatePicker标题。你能告诉我如何才能改变Dialog瓷砖的颜色吗？感谢。

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

Answer 1

您可以直接定位titlebar，对话框插件将输出与对话标题类似的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