jquery對話框 - 標題欄顏色變化

Question

我試圖單獨更改爲標題欄顏色。因此我使用.ui-dialog-titlebar，但它不工作，所以我嘗試使用ui-widght-header，它也反映到數據表中。 。 請指教。

//不工作

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

//工作，但反映了數據表頭也..

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

我期待顏色只有對話titlebar..Please建議。

Answer 1

jQuery的UI組件共享了很多類，但一個對話框始終具有類ui-dialog，所以如果你的目標只是對話的直接頭的孩子，它應該工作：

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

FIDDLE

Answer 2

FYI：如果你想切換模式頭的顏色，你可能想要做這樣的事情：

if(Success) 
    $(".ui-dialog").find(".ui-widget-header").css("background", "darkgreen"); 
else 
    $(".ui-dialog").find(".ui-widget-header").css("background", "red");