小编vik*_*yal的帖子

自定义特定jquery-ui对话框的样式不是所有的对话框?

我在我的应用程序中使用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对话框之外,所有对话框都保持相同.

javascript css jquery-ui

4
推荐指数
1
解决办法
5380
查看次数

标签 统计

css ×1

javascript ×1

jquery-ui ×1