Jquery 对话框 - 标题栏颜色更改

Question

我试图单独更改标题栏颜色。所以我使用了 .ui-dialog-titlebar ，但它不起作用，所以我尝试使用 ui-widght-header ，它也反射(reflect)到数据表..请告知。

//不工作

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

//工作，但也反射(reflect)到数据表标题..

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

我正在寻找仅颜色的对话框标题栏。请告知。

Answer 1

jQuery UI 组件共享许多类，但对话框始终具有类 ui-dialog，因此，如果您仅定位对话框的直接标题子级，它应该可以工作:

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

FIDDLE