2012-10-15 1 views
7

Ich möchte die Hintergrundfarbe des JQueryUI Dialogs ändern. Ich habe den folgenden Stil verwendet, um es zu ändern und es funktioniert. Aber das Problem ist es auch, DatePicker Dialogtitel. Ich möchte nur den Dialogtitel und nicht den DatePicker Titel ändern. Könntest du mir bitte raten, wie ich nur die Dialog-Fliesenfarbe ändern könnte? Vielen Dank.Wie ändert man die Farbe des JQueryUI Dialog Title?

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

Antwort

14

Sie die titlebar direkt ausrichten können, um das Dialog Plugin für den Dialog Titel der folgenden Ausgabe HTML ähnlich:

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

(von der Dialog-Seite genommen, here)

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

Alternativ können Sie eine Klasse an den Dialog übergeben:

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

See here

Verwandte Themen