Comment puis-je ajouter hover effet de la Police Génial?

J'ai quelques site social des icônes qui sont gris. Lorsque vous passez la souris au-dessus d'eux, j'ai envie de changer leur couleur appropriée (facebook: bleu, google+: rouge, etc.). J'ai joué avec lui, en vain. Voici le code:

  <li style="float:left;">
      <!-- start social bookmarks -->
      <div style="font-size: 32px; color: grey;">
      <i class="icon-facebook-sign" style="margin-left: 0px;"></i>
      <i class="icon-twitter-sign" style="margin-left: -12px;"></i>
      <i class="icon-linkedin-sign" style="margin-left: -12px;"></i>
      <i class="icon-google-plus-sign" style="margin-left: -12px;"></i>
      </div>
      <!-- end social bookmarks -->
    </li>
vous pouvez poster votre CSS s'il vous plaît?
connexes: stackoverflow.com/questions/13233991/combine-after-with-hover

OriginalL'auteur user2275855 | 2013-04-12

  1. 5

    vous pouvez utiliser:

       .icon-facebook-sign:hover{color:lightblue;}
   .icon-twitter-sign:hover{color:yellow}

    http://jsbin.com/opeyoy/1/

    OriginalL'auteur DGA

  2. 3

    Vous pouvez essayer quelque chose comme cela

    .icon-facebook-sign:hover
{
  background-color:blue;
}
    La partie la plus délicate, c'est qu'il doit être de couleur vs couleur d'arrière-plan, puisque ce sont en fait des texte.

    OriginalL'auteur Sachin

  3. 2

    Basée sur le fait que vous avez déjà une couleur par défaut, vous pouvez utiliser ces trois pour facebook, google plus et twitter:

      .icon-facebook-sign:hover {
    color: rgba(59, 89, 152, .7);
  }

  .icon-twitter-sign:hover {
    color: rgba(0, 172, 237, .7);
  }

  .icon-google-plus-sign:hover {
    color: rgba(172, 0, 0, .7);
  }

    OriginalL'auteur Bill Kalligas