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 に答える