JQueryUI İletişim Başlığı'nın rengi nasıl değiştirilir?

Question

JQueryUI İletişim Kutusunun arka plan rengini değiştirmek istiyorum. Değiştirmek için aşağıdaki stili kullandım ve işe yarıyor. Ancak sorun da, DatePicker Dialog Başlık. Sadece Dialog başlığı değil DatePicker başlık değiştirmek istiyorum. Sadece Dialog çini rengini nasıl değiştirebileceğimi bildirir misiniz? Teşekkürler.

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

Answer 1

Sen titlebar doğrudan iletişim eklentisi hedefleyebilir olacak diyalog başlık için aşağıdaki çıkış HTML benzer:

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

(Dialog sayfadan ele alındığında, here)

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

Alternatif olarak, bir sınıfa iletisim kutusuna geçebilirsiniz:

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

( )