blocage vol stationnaire CSS

Question

J'ai un bouton avec MyButton de classe définie un peu comme ceci:

.MyButton{ 
color:black; 
background:white;} 

.MyButton:hover{ 
color:white; 
background:black;} 

Cette classe de bouton est un bouton de téléavertisseur et lorsque le téléavertisseur est à bornes, j'ajouter cette classe à elle:

Le problème est que si l'utilisateur souris sur le bouton, il hérite toujours du style MyButton: hover. Je sais que je pourrais contrôler tout cela avec jquery pour résoudre le problème du vol stationnaire, mais je me demande s'il existe un moyen d'empêcher le déclenchement de la classe hover lorsque le bouton a également la classe ButtonDisabled.

Merci.

Answer 1

.MyButton:hover{ 
color:white; 
background:black; 

} 

// has more specificity than above selector, so it will stop previous hover effect 
.MyButton.ButtonDisabled:hover{ 
// write your configs 
} 

Answer 2

Peut-être ajouter

.ButtonDisabled:hover{...} 

vous aiderait