IE6上的ASP按钮问题

Question

我有一个ASP.NET Web应用程序，它可以在IE7，IE8，IE8（兼容模式）和Firefox上运行得很好，但是，我们现在在IE6上有一些用户（并且它们不会很快改变） ...在IE6上显示按钮时，它们无法正确渲染，并且onclick事件不会触发。

目前没有任何检测确定浏览器。 我是否需要更改页面正在执行的操作以支持IE6？

这些是非工作按钮

这些是工作按钮

其中一个按钮定义的示例：

        <asp:Button ID="Button1" SkinID="formbutton" runat="server" Text="Cancel" OnClick="Button2_Click" CausesValidation="False" 
        ToolTip="Cancels any changes"/>

任何想法都会感激不尽。

干杯

编辑1：在渲染之前，代码是：

<input type="button" name="ctl00$ContentPlaceHolder1$btnSaveInProgress" 
    value="Save as In Progress" onclick="clickOnce(this, 'Cargando...');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$btnSaveInProgress&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))" 
    id="ctl00_ContentPlaceHolder1_btnSaveInProgress" 
    title="Saves this commission as 'In Progress'" 
    style="color:White;background-color:#547ED8;border-style:Double;padding:3px;" />

渲染后，它是这样的：

<INPUT class=rfdDecorated id=ctl00_ContentPlaceHolder1_btnSaveInProgress 
    title="Saves this commission as 'In Progress'" 
    style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: white; BORDER-TOP-STYLE: double; 
        PADDING-TOP: 3px; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BACKGROUND-COLOR: #547ed8; 
        BORDER-BOTTOM-STYLE: double" 
    onclick="clickOnce(this, 'Cargando...');WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$ContentPlaceHolder1$btnSaveInProgress&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, true))" 
    type=button value="Save as In Progress" name=ctl00$ContentPlaceHolder1$btnSaveInProgress>

可能值得一提的是，它也在页面上使用Telerik AjaxManager，但我不知道这是否相关。

Answer 1

我在这看到两个可能的原因。

1. 即使在最终呈现的输出中，SkinID也可能存在未立即看到的格式问题。 您是否尝试使用CssStyle属性进行按钮格式化？

2. 根据这篇文章 ，IE6如何处理CSS中的填充和边距存在一些问题。 答案是在CSS类中有第二行，IE6将会选择。 所以你的类文件看起来像这样：

   .FormButton
   {
   白颜色;
   背景色：＃547ED8;
   边框样式：双;
   填充：3px;
   _padding：3px 0px 3px 0; / * IE6解决方法* /
   }

希望其中一个项目可以解决问题。 一般来说，我建议你使用CSS路由作为你的按钮，因为CSS已经建立，除非你已经有了一些使用皮肤的要求。

Answer 2

这些按钮看起来像Telerik的RadFormDecorator控件（Web20皮肤）自动设置样式。 您可以尝试更新到RadControls套件的更新版本，或查看Telerik论坛，看看IE6中是否存在针对此问题的CSS解决方法。 您可以检查的另一件事是，您是否在页面上有一个有效的XHTML文档类型，如果没有，则添加一个。 例如：

<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ”>