CSS自定义JQuery UI对话框

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

在“jQuery的ui.css”添加边框到对话框样式：

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

Answer 3

为了把周围的边框对话框，但没有任何其他组件类型，这样做：

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