Come modificare il colore del titolo della finestra di dialogo JQueryUI?

Question

Voglio cambiare il colore di sfondo della finestra di dialogo JQueryUI. Ho usato il seguente stile per cambiarlo e funziona. Ma il problema è anche effetto, DatePicker Dialog Title. Voglio solo cambiare il titolo della finestra di dialogo non il titolo DatePicker. Potresti per favore consigliarmi come posso cambiare solo il colore del riquadro della finestra di dialogo? Grazie.

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

Answer 1

È possibile indirizzare il titlebar direttamente, la finestra di plugin output HTML simile al seguente per il titolo di dialogo:

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

(Tratto dalla pagina di dialogo, here)

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

In alternativa, è possibile passare una classe alla finestra di dialogo:

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

See here