Jquery dialog - titlebar color change

jquery, jquery-dialog

Solution

The jQuery UI components share a lot of classes, but a dialog always has the class `ui-dialog`, so if you target just the direct header child of the dialog, it should work:

.ui-dialog > .ui-widget-header {background: red;}

FIDDLE

Problem

I trying to change to titlebar color alone.So i used .ui-dialog-titlebar , but its not working , so i tried with ui-widght-header, its reflecting to data table also.. Please advise. // Not working ``` .ui-dialog-titlebar { background-color: #F9A7AE; background-image: none; color: #000; } ``` //Working , but reflecting to datatable header also.. ``` .ui-widget-header { background-color: #99CCFF; background-image: none; color: Black; } ``` I'm looking color only dialog titlebar..Please advise.

Original source