Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在jquery中设置弹出窗口标题栏的背景色_Jquery_Asp.net - Fatal编程技术网

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

如何在jquery中设置弹出窗口标题栏的背景色,jquery,asp.net,Jquery,Asp.net,有人能告诉我如何在jquery中设置弹出窗口标题栏的背景色吗 标题文本是电子邮件选项 function showEmailDlg() { var dlg = $('#dlgEmail').dialog( { draggable: true, position: 'center', modal: true, width: 1028,

有人能告诉我如何在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"));
}

假设您使用的是jQueryUI,就我所知,它没有文档化的选项,但jQueryUI使用CSS进行样式设置,并确保类相当清晰

在本例中,对话框标题元素a div具有类ui对话框标题栏。您可以使用与之匹配的选择器应用样式,例如dlgEmail.ui对话框标题栏。如果您只需要包含标题的位,而不是完整的标题栏,那么这是一个带有class.ui对话框标题的范围。但是请注意,jQueryUI中有很多复杂的样式,这将有点不平凡

使用任何一款半体面的浏览器,你都可以在运行时发现这些东西。例如,使用Chrome,只需左键单击标题栏并选择Inspect element。

尝试使用

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

您使用的是什么对话框插件,jQuery UI?打开mozilla,调试模式,选择标题栏,检查css的来源,使用Visual studio修改cssI am中的插件。请在这种情况下告诉我。@riaz100:无论您使用的是什么开发工具,您只需设置该内容的样式-就像使用样式表设置任何其他内容的样式一样。完成!我在jquery-ui-1.8.23.custom文件中进行了更改。css@riaz100:酷,很高兴能帮上忙。另一种方法是覆盖样式表中的样式,该样式表在加载后或使用更具体的规则加载,但这也可以。完成!我更改了从下载的jquery-ui-1.8.23.custom.css文件。在.ui对话框标题栏类中,我更改了背景颜色:红色;如果编辑该文件,它将显示在使用弹出窗口的所有位置,但您可能希望在其他弹出窗口中保持默认颜色正确。因此,使用此方法仅更改此弹出标题栏。在初始化弹出式脚本之后放置此项。