1

我在一页上有两个模态。第一个边框在类的jquery.ui.theme.css文件中定义.ui-widget-content

有没有办法附加一个样式属性并覆盖由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"); });

仅供参考:页面检查跟踪的颜色返回到 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 回答