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; 
}