在jquery模態對話框中定義了ui-widget-content的邊框

Question

我在一個頁面上有兩個模態。第一個邊框在.ui-widget-content類中的jquery.ui.theme.css文件中定義。

有沒有辦法添加一個樣式屬性並覆蓋由css文件定義的樣式？

我想第二個模式有不同的顏色邊框。

這裏是我的div：

<div id="dialog-modal" title="Discharge Warning"> 
    <p>Are you sure you want to discharge this Patient</p> 
</div> 

這裏是jQuery的爲我的第二個模式：

$('#dialog-modal').dialog(
{ 
    modal: true, 
    autoOpen: false, 
    resizable: false, 
    draggable:false, 
    show: 
    { 
     effect:"blind", 
     duration:500 
    }, 
    buttons: 
    { 
     'discharge': 
     { 
      text: 'Discharge Patient', 
      click: function() { $('#DischargeReferralForm').submit(); }, 
      class: 'btn purple', 
      style: 'font-family: "Segoe UI", Helvetica, Arial, sans-serif' 
     } 
    }, 

}); 

$('.ui-dialog-buttonpane') 
    .find('button:contains("Discharge")') 
    .prepend('<i class="icon-ok"></i>'); 

$('#DischargeMgs').click(function() { $("#dialog-modal").dialog("open"); }); 

FYI：頁面檢查跟蹤的顏色回ui-widget-content類。

Answer 1

我在jQuery UI Dialog individual CSS styling了定睛一看，添加到我的CSS文件：

.ui-dialog-content1 
{ 
    border-color:#6d1b81 !important; 
} 

和我的jquery文件：

dialogClass: 'ui-dialog-content1'