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

Posted 2023-02-16

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

【英文标题】：Set titlebar css for specific dialog in jqueryui

【发布时间】：2014-07-14 21:51:46

【问题描述】：

我创建了 jqueryui 对话框 $('#mydialog').dialog(...);

我想设置标题栏属性。我知道我可以用 CSS 做到这一点并且工作正常：

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

如果我想为特定的对话做这件事怎么办？我在下面尝试过，但它不起作用。谢谢！

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

【参考方案1】：

所以这里是如何做到的：

http://jsfiddle.net/7VW4V/

基本上给对话框小部件（http://api.jqueryui.com/dialog/#method-widget）添加一个id如下：

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

那么 CSS 就很简单了

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