如何在jquery中设置弹出窗口标题栏的背景色
有人能告诉我如何在jquery中设置弹出窗口标题栏的背景色吗 标题文本是电子邮件选项如何在jquery中设置弹出窗口标题栏的背景色,jquery,asp.net,Jquery,Asp.net,有人能告诉我如何在jquery中设置弹出窗口标题栏的背景色吗 标题文本是电子邮件选项 function showEmailDlg() { var dlg = $('#dlgEmail').dialog( { draggable: true, position: 'center', modal: true, width: 1028,
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对话框标题栏类中,我更改了背景颜色:红色;如果编辑该文件,它将显示在使用弹出窗口的所有位置,但您可能希望在其他弹出窗口中保持默认颜色正确。因此,使用此方法仅更改此弹出标题栏。在初始化弹出式脚本之后放置此项。