我在我的应用程序中使用jquery-ui对话框.现在我想自定义signin/sinup对话框,即jquery-ui对话框.没有自定义对话框看起来像:

但是,当我对login.jsp页面进行以下更改时,它的样式也正在改变我不想发生的所有应用程序对话框,只有登录/注册对话框.CSS代码是:
.ui-widget-header {
background: #343434 !important;
border: none
}
.ui-dialog-titlebar-close{
background: #1C1C1C !important;
}
.ui-dialog {
background: #343434 !important;
border: thin 1px;
}
Run Code Online (Sandbox Code Playgroud)
此登录对话框的id和js代码(id ="signinDialog")是:
$(document).ready(function() {
$("#signinDialog").dialog({
width : 600,
resizable : false,
modal : true,
autoOpen : false,
position : ['top', 157]
});
function openLoginPopup() {
$("#signinDialog").dialog("open");
}
Run Code Online (Sandbox Code Playgroud)
在这些更改后,我按照我想要的方式获取登录/注册对话框,但问题是这是为所有应用程序更改jquery-ui对话框css,看起来像这样:

我从早上开始就陷入了这个问题,并尝试了很多方法来解决这个问题,但是这一切都没有解决 .我不得不问这个问题.
我想在自定义后除了signin/signup对话框之外,所有对话框都保持相同.