CSS 自定义 JQuery 用户界面对话框

【问题标题】：CSS Custom JQuery ui-dialogCSS 自定义 JQuery 用户界面对话框
【发布时间】：2011-08-07 22:44:48
【问题描述】：

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

谁能帮忙修改一下？

谢谢

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

最少干扰的方法是将该规则添加到您网站的样式表中（例如，不要更改 jQuery UI CSS 文件），并确保首先加载 jQuery UI CSS 文件.

【讨论】：