Glyphicon Farbe ändern, wenn das schweben eines

Wie kann ich es machen das so funktionieren, dass wenn ich schweben, meine li > ein wechselt es auch die Farbe an meinem glyphicon. Ich habe listede unter meinem html und was ich tryed zu tun in css. Aber nicht nur ändern, es wenn ich fahre mit dem glyphicon und nicht die eine. Und ja ich habe auch versucht es zu ändern, auf meinen aber, dass doesnt Effekt mein glyphicon.

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;
}

`

  • Sie ändern nicht die Farbe des symbols ÄNDERN Sie das Symbol!
  • Ehm. Was? @Siddharth
  • glyphicons sind nichts anderes als Teil eines großen Bildes, das wir gerade geändert die position der hintergrund zu schweben, oder mit einem anderen Ereignis, google css sprite images
  • Hab meine genau richtig in den Boden.
  • viel Glück mit, dass
  • Was meinst du? Es funktioniert, und das war, was ich brauchte? 😛
  • Pflege zu teilen, dass der code Stück/fiddle? ich bin ein bisschen verwirrt hier

InformationsquelleAutor UnScope | 2016-01-23
  1. 9

    Können Sie versuchen, diese:

    ul > li > a:hover > .glyphicon
    • Genau! Dank Nora
    • Ich gar nicht verstehen. Ist, dass CSS-code? Was bedeutet > tun?
    • Aus der docs: Das Kind combinator (>) zwischen zwei CSS-Selektoren. Es entspricht nur diejenigen Elemente angepasst durch die zweite Auswahl, die Kinder von Elementen, ergänzt durch die erste.
    InformationsquelleAutor Nora
  2. 0

    CSS:

    div > .glyphicon-heart:hover  {
    color: rgb(102, 102, 101);
    cursor: pointer;
}

    <div class = "heart">
    <span class = "glyphicon"
        [class.glyphicon-heart] = "isLiked"
        (click) = "onClick()" >
    </span>
</div>
    • Sie müssen beschreiben Sie Ihre Lösung
    InformationsquelleAutor Ahadu Melesse
Schreibe einen Kommentar