Boutons désactivés en CSS?

Question

J'essaie d'obtenir un bouton qui a exactement la même apparence, qu'il soit activé ou désactivé, mais chaque fois que je le désactive, il semble ignorer tous les styles de police que j'ai définis. Cela semble être le cas dans IE mais pas d'autres navigateurs.

Est-ce que quelqu'un connaît le CSS pour changer un bouton désactivé afin que la police ne soit pas en relief?

Merci à l'avance, Chris

[Modifier] Le CSS est la suivante:

 
.Button 
{ 
    background-color:#332F27; 
    border-bottom-color:#1B1B1B; 
    border-top-color:#3B3B3B; 
    border-left-color:#3B3B3B; 
    border-right-color:#0C0C0C; 
    color:Black; 
    font-style:normal; 
} 

Le bouton a la classe attribut = "Bouton" [/ Modifier]

Answer 1

Si vous modifiez la propriété désactivée du bouton, vous ne pourrez pas obtenir la sensation et l'apparence d'un bouton normal avec CSS qui fonctionnera dans tous les navigateurs.

Le plus simple est de ajouter un autre bouton sans événement click attaché à lui et régler l'affichage de ce bouton pour ligne et cacher l'original.

Si vous voulez toujours utiliser CSS pour cela, vous pouvez vous référer à ce lien.

Styling disabled form controls with CSS

Answer 2

//You use this css it helps u 
font-weight: bold; 
    border-right: #3C8FD1 1px solid; 
    border-top: #3C8FD1 1px solid; 
    border-left: #3C8FD1 1px solid; 
    border-bottom: #3C8FD1 1px solid; 
    font-size: 10px; 
    color: #045FA7; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-image: url(../App_Images/cssbuttonbg.gif); 
    line-height: 14px;