Question

所以我有一个当前设置为禁用的按钮，在IE中它是灰色的，但在Firefox，Chrome和Safari中，它被禁用但仍然看起来很活跃。

按钮代码

<tr valign="middle">
    <td colspan="2" style="width: 100%">
        <asp:Button ID="DownloadButton" runat="server" Text="Download" Width="85px" CssClass="ESTableHeaderL" OnClick="DownloadButton_Click" />
    </td>      
  </tr>

我的代码背后

protected void DownloadButton_Click(object sender, EventArgs e)
{        
    if (ddBusinessMonth.Items.Count == 0)
    {
        DownloadButton.Enabled = false;
        ShowClientMessageBox("No Data found for downloading");
    }
....

}

我能做些什么让它看起来和IE一样吗？

由于

Answer 1

:disabled selector可以与CSS3一起使用

input[type="button"]:disabled
{
background:#dddddd;
}

浏览器兼容性：

 IE8+ FF1.5+ SA3.1+ OP9.2+ CH2+

对于ASP.NET：

将CssClass属性添加到服务器端按钮，并将其引用到包含上述CSS的类。

Answer 2

如果禁用

，您可以以编程方式分配css类

if (ddBusinessMonth.Items.Count == 0)
    {
        DownloadButton.Enabled = false;
        DownloadButton.CssClass = "disabledbutton";
        ShowClientMessageBox("No Data found for downloading");
    }

CSS

.disabledbutton{
    background-color:#ddd;
}

Answer 3

Framerwork 4以不同方式呈现控件。将以下内容添加到we.config中，禁用的按钮将照常显示灰色。

<pages controlRenderingCompatibilityVersion="3.5"/>

Answer 4

一种快速的方法，不使用可以在后面的代码中完成的自定义CSS类（没有反对样式表）。以下将下载按钮的背景颜色设置为绿色（我认为它是绿色的，我是色盲： - |）：

DownloadButton.Attributes.Add("style", "background-color:#28C523");

按钮已禁用但看起来很活跃

4 个答案: