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仍在使用您所看到的旧标准样式。

如果你想对外观有更多的控制权，你将不得不进行切换。

ASP.NET中的ConfirmButtonExtender没有背景

1 个答案: