CSS Custom JQuery ui-dialog

Question

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

有人可以帮忙修改一下吗？

由于

Answer 1

更改.ui-widget-content的CSS规则：

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

执行此操作的最不具侵入性的方法是将该规则添加到您网站的样式表中（例如，不要更改jQuery UI CSS文件），并确保首先加载的jQuery UI CSS文件

Answer 2

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

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

Answer 3

在'jquery-ui.css'中为对话框样式添加边框：

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