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

Question

7

我想改变JQueryUI对话框的背景颜色。我使用了以下样式进行更改，它有效。但问题是它还影响了DatePicker对话框标题。我只想更改对话框标题而不是DatePicker标题。您能否建议我如何仅更改对话框标题颜色？谢谢。

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

- TTCG

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- billyonecan · Accepted Answer

你可以直接选取titlebar，对话框插件将为对话框标题输出类似以下的HTML代码:

你可以直接选取titlebar，对话框插件将会生成类似以下的 HTML 代码：

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

（摘自 Dialog 页面，此处）

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

或者，你可以将一个类传递给对话框：

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