2016-01-23 5 views
6

Wie kann ich es so machen, dass wenn ich meine Farbe bewege, ändert sich auch die Farbe auf meinem Glyphicon. Ich habe unter meinem HTML-Listenet und was ich versucht in CSS zu tun. Aber das ändert nur wenn ich schwebe das Glyphicon und nicht die a. Und ja ich habe auch versucht, es auf meinem a zu ändern, aber das dosen't Effekt mein Glyphicon.Glyphicon ändere die Farbe, wenn man die Maus schwebt a

Html:

<li class="pushy-item"> 
    <a href="#">History 
      <span class="glyphicon glyphicon-list-alt opacityDown pull-right"></span> 
    </a> 
</li> 

Css:

ul > li > a > .glyphicon:hover{ 
    color: orange; 
} 

`

+0

Sie nicht die Farbe des Symbols ändern ändern Sie das Symbol ! – Siddharth

+0

Ehm. Was? @ Siddharth – UnScope

+0

Glyphicons sind nichts anderes als ein Teil eines großen Bildes, wir haben gerade die Position des Hintergrunds auf Hover oder ein anderes Ereignis, google 'css Sprite Bilder' – Siddharth

Antwort

6

Sie können dies versuchen:

ul > li > a:hover > .glyphicon 
+0

Excatly! Danke Nora – UnScope