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

最佳答案

如果它使用标准Javascript window.confirm()(听起来很像),那么您将无法控制它的外观,因为它内置在浏览器本身中。 Firefox和Chrome(也许还有其他)在几年前将其外观从旧的弹出式JavaScript样式警告框更改为更好的样式。 IE仍在使用您看到的旧标准样式。

听起来,如果您想对外观进行更多控制,就必须进行切换。

关于c# - IE中的ASP.NET ConfirmButtonExtender没有背景,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13255854/

10-17 00:14