How to adjust jQuery ui font color and size in dialog box?

Question

How to change color and other attributes of jquery ui window title bar

HTML : <div id="dialog" title="" style="display: none; font-size: 15px; width: 500; height: 300"></div> javascript : $( "#dialog" ).dialog( "option", "title",title ); 

Please give me some insight to customize the jquery dialog.Thank you in Advance.

Answer 1

These classes form the dialog box header container.

 ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix 

This class forms the text.

 ui-dialog-title 

You can edit these classes in css file for jquery ui style. Or you can overwrite them in your own css file.

 .ui-dialog-title{ font-size: 110% !important; color: #FFFFFF !important; background: #000000 !important; } 

Important may not be necessary.

You can find it for yourself using developer tools.