CSS自定义JQuery UI对话框

Question

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

请问有谁能帮忙修改吗？

谢谢。

- Satch3000

Answer 1

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

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

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

- Matt Ball

Answer 2

要在对话框周围添加边框，但不对其他任何小部件类型添加，只需执行以下操作：

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

- idarke

Answer 3

在 'jquery-ui.css' 文件中，为对话框样式添加一个边框：

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

- ChrisThompson

---

尝试过了，但是没有成功。我的当前代码是：.ui-dialog {position: absolute; padding: .2em; width: 300px; overflow: hidden;} - Satch3000