ASP.NET ConfirmButtonExtender 在 IE 中没有背景答案

【问题标题】：ASP.NET ConfirmButtonExtender No Background in IEASP.NET ConfirmButtonExtender 在 IE 中没有背景
【发布时间】：2012-10-26 16:34:23
【问题描述】：

我在取消按钮上使用 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;
    }

【问题讨论】：

我的按钮的 CSS？我会添加它。

标签： c# html css asp.net-ajax

【解决方案1】：

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

如果您想更好地控制外观，听起来您必须进行切换。

【讨论】：