CSS: survolez un bouton de soumission HTML

Question

J'essaie de styler un bouton de soumission HTML en CSS:

HTML:

<input type="submit" value="Yes" id="popUpYes">"

CSS:

#popUpYes
{
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover
{
  background-color: white;
}

Le style de base fonctionne, mais l'arrière-plan ne change pas de couleur en survol.

Answer 1

Votre code original fonctionne pour moi. Assurez-vous de ne pas avoir d'autres styles en conflit hérités du bouton d'envoi. 

Answer 2

Essayez ceci JSfiddle

Essaye ça:

   #popUpYes
    {
      width: 60px;
      height: 30px;
      background-color: black;
      color: white; /* SET COLOR IN WHITE */
    }

    #popUpYes:hover
    {
      background-color: white;
      color: black; /* SET COLOR IN BLACK */
    }    

     

 <input type="submit" value="Yes" id="popUpYes">

Vous devez attribuer l'attribut color - pour le texte.

Answer 3

Le code tel qu'il est maintenant fonctionne -> http://jsfiddle.net/2wYqd/ Quel est votre navigateur?

#popUpYes {
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover {
  background-color: white;
}

Answer 4

Fonctionne bien lien

#popUpYes {
   width: 60px;
   height: 30px;
   background-color: black;
   color:white;
}
#popUpYes:hover {
   background-color: white;
   color: black;
}

Answer 5

J'ai essayé c'est Chrome et cela a fonctionné.

Essaye ça:

   #popUpYes
            {
              width: 60px;
              height: 30px;
              background-color: black; color:#fff;

            }
	#popUpYes:hover
	{
	  background-color: white;
	}   

        

 <input type="submit" value="Yes" id="popUpYes">

Answer 6

Selon votre question "Le style de base fonctionne mais l'arrière-plan ne change pas de couleur en survol." Cela ne se produit que lorsque vous définissez vos propriétés BackColor ou Background-color. Votre code fonctionne bien parce que vous avez utilisé la classe CSS au lieu de propriétés.