Bouton désactivé mais qui semble actif

Question

J'ai donc un bouton qui est actuellement désactivé, et dans IE il est grisé, mais dans Firefox, Chrome et Safari, il est désactivé mais semble toujours actif.

Code du bouton

<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> 

Et mon code derrière

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

}

Y a-t-il quelque chose que je puisse faire pour qu'il ait le même aspect que dans IE ?

Merci

Answer 1

En :sélecteur désactivé peut être utilisé avec CSS3

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

Compatibilité des navigateurs :

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

Pour ASP.NET :

Ajoutez un attribut CssClass à votre bouton côté serveur et faites-lui référence à la classe contenant le CSS ci-dessus.

Answer 2

Vous pourriez programmer l'attribution d'une classe css si elle est désactivée

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 rend les contrôles différemment. Ajoutez le texte ci-dessous à votre we.config, et le bouton désactivé sera grisé comme d'habitude.

<pages controlRenderingCompatibilityVersion="3.5"/>

Answer 4

Un moyen rapide sans utiliser une classe CSS personnalisée (rien contre les feuilles de style) qui peut être complété dans le code derrière. Ce qui suit va définir la couleur de fond de votre bouton de téléchargement en vert (je pense que c'est vert, je suis daltonien :-| ) :

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