c# - ASP.NET ConfirmButtonExtender 在 IE 中没有背景

Question

我在“取消”按钮上使用 ConfirmButtonExtender。直到最近，我一直在 Firefox 中运行这段代码，它显示得恰到好处(半透明背景，简单模式弹出窗口)。

但是，当我切换到 IE 中测试它时，我得到的是通用的“javascript-style-alert-box”。

ModalPopupExtender 似乎在两种浏览器中都能正常工作，我猜这是因为您可以通过它更好地控制 CSS(虽然不确定)。

其他人是否遇到过 ConfirmButtonExtender 的这个问题？我只是想在切换到 ModalPopupExtender 之前检查是否有修复。

<div class="base-container-controls-100pct">
    <asp:Button ID="UxCancel" runat="server" Text="Cancel" CssClass="button-sm" OnClick="UxCancelClick" />
    <asp:ConfirmButtonExtender ID="ConfirmButtonExtender2" runat="server" TargetControlID="UxCancel">
    </asp:ConfirmButtonExtender>
</div>

CSS

.button, .button-sm, .button-ms, .button-md, .button-lg, .button-xl, .button-disabled, .button-status-close,
.button-grid, .button-grid-sm, .button-grid-ms, .button-grid-md, .button-grid-lg, .button-grid-xl
{   
    margin: 2px;
    background-color: #0088C2;

    color: #f2f2f2;

    border-color: #DDDDDD #AAAAAA #AAAAAA #DDDDDD; 
    border-width: 1px;
    border-style: none;

    font-size: .8em;
    height: 30px;
    padding: 2px 12px 2px 12px;
    cursor: pointer;
    -moz-user-select: none;
}

.button-grid, .button-grid-sm, .button-grid-ms, .button-grid-md, .button-grid-lg, .button-grid-xl 
{
    height: 25px;
    font-size: .8em;    
}

.button-sm, .button-grid-sm 
{
    width: 75px;
}

        .base-container-controls-100pct
    {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
        border: none;
        height: auto;
    }

Answer 1

如果它使用标准的 Javascript window.confirm()(听起来确实如此)，那么您无法控制它的外观，因为它内置于浏览器本身。几年前，Firefox 和 Chrome(也许其他)改变了它的外观，从旧的弹出式 javascript 风格的警告框变成了更好的风格。 IE 仍在使用您所看到的旧标准样式。

如果您想更好地控制外观，听起来您必须做出改变。