2016-01-23 17 views
6

Come posso farlo funzionare in modo che quando si passa il mouse su li> a cambia anche il colore sul mio glyphicon. Ho elencato sotto il mio html e cosa ho provato a in css. Ma questo lo cambia solo se aleggi il glyphicon e non l'a. E ho anche provato a cambiarlo sul mio a ma quell'effetto non ha effetto il mio glyphicon.Glyphicon cambia colore quando si passa con il mouse su un

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

non si cambia il colore di icona cambiare l'icona ! – Siddharth

+0

Ehm. Che cosa? @Siddharth – UnScope

+0

glyphicons non sono altro che parte di una grande immagine, abbiamo appena cambiato la posizione dello sfondo su hover o qualche altro evento, google 'css sprite images' – Siddharth

risposta

6

Si può provare questo:

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

Excatly! Grazie Nora – UnScope

Problemi correlati