1

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 クラスに戻ります。

4

1 に答える 1

2

jQuery UI Dialog の個々の CSS スタイルを詳しく調べて、css ファイルに追加しました。

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

そして私のjqueryファイルに:

dialogClass: 'ui-dialog-content1'
于 2013-10-18T14:39:22.893 に答える