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