在jqueryui中为特定对话框设置标题栏css

Question

我创建了jqueryui对话框$('#mydialog'(.dialog(｛…｝(

我想设置标题栏属性。我知道我可以用CSS做到这一点，而且效果很好：

.ui-dialog-titlebar {
   font-size: 10pt;
}

如果我想为特定的对话框执行此操作，该怎么办？我在下面试过了，但没用。谢谢

#mydialog.ui-dialog-titlebar {
   font-size: 10pt;
}

Answer 1

下面是如何做到的：

http://jsfiddle.net/7VW4V/

基本上为对话框小部件添加一个id(http://api.jqueryui.com/dialog/#method-窗口小部件(，如下所示：

$('#dialog').dialog('widget').attr('id', 'dialogId');

那么CSS就是简单的

#dialogId .ui-dialog-titlebar  {
    background:red;
}