Question

任何人都可以告诉我如何在jquery中设置弹出窗口标题栏的背景颜色。

标题文字是“电子邮件选项”。

 function showEmailDlg() {

    var dlg = $('#dlgEmail').dialog(
           {
               draggable: true,
               position: 'center',
               modal: true,
               width: 1028,
               height: 568,
               title: 'Email Options',
               resizable: false

           }
       );

    dlg.parent().appendTo($("form:first"));
}

Answer 1

假设您正在使用jQuery UI（它看起来像你），据我所知，它没有文档选项，但jQuery UI使用CSS进行样式设置并确保类相当< / em>清楚。

在这种情况下，对话框标题元素（div）具有类ui-dialog-titlebar。您可以使用与其匹配的选择器（例如#dlgEmail .ui-dialog-titlebar）来应用样式。如果您只想要包含标题而不是完整标题栏的位，那就是span类.ui-dialog-title。但请注意，在jQuery UI中有很多复杂的样式，这有点不重要。

使用任何一个不错的浏览器，你可以在运行时发现这些东西。例如，使用Chrome，只需左键单击标题栏并选择“检查元素”。

Answer 2

尝试使用，

$("#dlgEmail .ui-dialog-titlebar").css("background-color", "red");

如何在jquery中设置弹出窗口标题栏的背景颜色

2 个答案: