在IE

Question

ASP.NET ConfirmButtonExtender沒有背景我用一個取消按鈕ConfirmButtonExtender。直到最近，我一直在Firefox中運行此代碼，它顯示正確（半透明背景，簡單的模態彈出）。

但是當我切換在IE中測試這一點，我得到的一般找「JavaScript的風格警戒盒子」代替。

的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()（這聽起來像它），那麼你有超過它的外觀沒有控制，內置於瀏覽器本身。火狐瀏覽器和Chrome瀏覽器（也許是其他公司）在幾年前將老式彈出JavaScript風格警報框的外觀改成了更好的風格。 IE仍在使用您所看到的舊標準風格。

聽起來像是你將不得不作出一個開關，如果你想擁有在外觀更多的控制。