JQueryUIダイアログのタイトルの色を変更する方法は？

Question

JQueryUIダイアログの背景色を変更したいと思います。私はそれを変更するために次のスタイルを使用し、それは動作します。しかし、問題は、それも効果、DatePickerダイアログタイトルです。私は、ダイアログのタイトルをDatePickerのタイトルでなく変更したいだけです。ダイアログのタイルの色だけを変更する方法を教えてください。ありがとう。

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

Answer 1

あなたが直接titlebarをターゲットにすることができ、ダイアログプラグインダイアログのタイトルのために次のようなHTMLを出力は以下となります。（ダイアログページ、hereから撮影）

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

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

また、クラスをダイアログに渡すこともできます。

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

See here