如何更改JQueryUI對話框標題的顏色？

我想更改JQueryUI對話框的背景顏色。我用下面的風格來改變它，它的工作原理。但問題在於它也起作用，DatePicker對話框標題。我只想更改對話框標題而不是DatePicker標題。你能告訴我怎麼才能改變Dialog瓷磚的顏色嗎？謝謝。如何更改JQueryUI對話框標題的顏色？

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

2012-10-15 TTCG

您可以定位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'});

2012-10-15 10:47:16 billyonecan

回答