CSS自定义JQuery ui对话框

CSS自定义JQuery ui对话框,jquery,html,css,jquery-ui,Jquery,Html,Css,Jquery Ui,我需要在jQueryUI对话框周围添加一个2像素的边框 有人能帮我修改一下吗 谢谢更改.ui小部件内容的CSS规则: .ui-widget-content { border: 2px solid #DDD; } 最简单的方法是将该规则添加到站点的样式表中(例如,不要更改jQuery UI CSS文件),并确保首先加载jQuery UI CSS文件。在“jQuery UI.CSS”中,为对话框样式添加边框: .ui-dialog { position: relative;

我需要在jQueryUI对话框周围添加一个2像素的边框

有人能帮我修改一下吗


谢谢

更改
.ui小部件内容的CSS规则

.ui-widget-content {
    border: 2px solid #DDD;
}

最简单的方法是将该规则添加到站点的样式表中(例如,不要更改jQuery UI CSS文件),并确保首先加载jQuery UI CSS文件。

在“jQuery UI.CSS”中,为对话框样式添加边框:

.ui-dialog {
    position: relative; 
    padding: .2em; 
    width: 300px; 
    border: 2px solid white;
}

要在对话框周围放置边框,而不是任何其他小部件类型,请执行以下操作:

.ui-widget-content.ui-dialog
{
   border: 2px solid #DDD;
}

试过了,但没用。我当前的代码是:.ui对话框{位置:绝对;填充:.2em;宽度:300px;溢出:隐藏;}