0

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

1 回答 1

1

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

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

于 2012-11-06T17:08:47.310 回答