1ページに2つのモーダルがあります。最初のボーダーは、クラス内のjquery.ui.theme.css
ファイルで定義されています。.ui-widget-content
スタイル属性を追加して、css ファイルで定義されたものを上書きする方法はありますか?
2 番目のモーダルの境界線を別の色にしたい。
ここに私のdivがあります:
<div id="dialog-modal" title="Discharge Warning">
<p>Are you sure you want to discharge this Patient</p>
</div>
2 番目のモーダルの 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"); });
参考までに:ページ検査トレースの色は ui-widget-content クラスに戻ります。