Cambia Colore hover sul nav-schede

Voglio cambiare il colore del testo di hover nav-schede, così ho chiamato: nav nav-schede personalizzate, quindi il codice a mio avviso aspetto:Cambia Colore hover sul nav-schede

 <li class="active"><%= link_to "Overview", '#' %>   
     </li> 
     <li><%= link_to "About", '#' %></li> 
     <li><%= link_to "What we do", '#' %></li> 
     <li><%= link_to "Partners", '#' %></li> 
     <li><%= link_to "Contact", '#' %></li> 
     <li><%= link_to "Support", '#' %></li> 
    </ul>

e il codice nel mio custom.css.scss

.custom a:hover {color: black;}

e non funziona. Qualcuno può aiutarmi?

fonte

2012-05-18 skrypalyk

Devi rendere il tuo selettore un po 'più specifico per indirizzare correttamente le tue schede. Prova questo:

.custom > li > a:hover { 
    color: black; 
}

Tra l'altro, questo cambia solo il colore del testo, se si desidera modificare il colore di sfondo delle schede su interruttore hover che color proprietà background-color.

fonte

2012-05-18 12:30:38

Cosa si può dire che, se te lo dico, che il tuo codice non cambia i colori nella mia applicazione? Dov'è il problema? – skrypalyk

e grazie per l'aiuto – skrypalyk

@DenysMedynskyi Stai ponendo la classe '.custom' nel contenitore nav-tabs? Ecco una semplice demo che ho esposto mostrando come funziona: http://jsfiddle.net/ayuRm/ –

Andres ha ragione riguardo alla specificità. Lo stile che si desidera sovrascrivere è impostato con:

.nav-bar > li > a:hover

Se stai usando meno con Twitter Bootstrap ci sono variabili già fatte per questo:

@navbarLinkColor 
@navbarLinkColorHover 
@navbarLinkColorActive

vedere la sezione Navbar dei documenti.

fonte

2012-05-18 22:38:01 juddlyon

Grazie per l'aiuto, ma il post precedente non mi aiuta. Puoi dire perché? E ancora una domanda. Ho scritto nel mio file scss @navbarLinkColorHover: @grayDarker; questa linea, e l'errore dice valido CSS dopo "... LinkColorHover: ": pseudoclasse o pseudoelement previsto, è stato" @grayDarker;" Dov'è il mio errore? – skrypalyk

Cambia .nav-bar in .nav-tabs per il tuo esempio e dovrebbe funzionare. – adam0101

Set @navbarLinkBackgroundHover

fonte

2012-12-02 00:09:49 99miles

Questo funziona per me senza molto "specificità" diverso da quello predefinito Bootstrap ...

ul.nav > li > a:hover { 
 
\t background-color: #000000; 
 
\t color: #FFFFFF; 
 
\t border-style: none; 
 
}

fonte

2015-08-07 15:32:31

Cambia Colore hover sul nav-schede

risposta

Problemi correlati