Cambiar el color de la libración de nav-pestañas

quiero cambiar el color del texto de la libración NAV-pestañas, por lo que se llama: navegación por encargo nav-pestañas, por lo que el código en mi opinión se ve así:Cambiar el color de la libración de nav-pestañas

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

y el código en mi custom.css.scss

.custom a:hover {color: black;}

y no funciona. Alguien me puede ayudar ?

Fuente

2012-05-18 skrypalyk

Necesita hacer que su selector sea un poco más específico para orientar correctamente sus pestañas. Prueba esto:

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

Por cierto, esto sólo cambia el color del texto, si usted quiere cambiar el color de fondo de las pestañas al interruptor de la libración que color propiedad a background-color.

Fuente

2012-05-18 12:30:38

Lo que va a decir, si te digo, que tu código no cambia los colores en mi aplicación? ¿Dónde está el problema? – skrypalyk

y gracias por su ayuda – skrypalyk

@DenysMedynskyi ¿Está colocando la clase '.custom' en el contenedor nav-tabs? Aquí hay una demostración simple que puse mostrando cómo funciona: http://jsfiddle.net/ayuRm/ –

Andres tiene razón sobre la especificidad. El estilo que desea anular se establece con:

.nav-bar > li > a:hover

Si está utilizando menos con Twitter Bootstrap hay variables ya realizadas para este:

@navbarLinkColor 
@navbarLinkColorHover 
@navbarLinkColorActive

están en la sección Navbar de los documentos.

Fuente

2012-05-18 22:38:01 juddlyon

Gracias por la ayuda, pero la publicación anterior no me sirve. ¿Puedes decir por qué? Y una pregunta más. Lo escribí en mi archivo scss @navbarLinkColorHover: @grayDarker; esta línea, y el error dice CSS válido después de "... LinkColorHover: ": pseudoclass esperado o pseudoelement, fue" @grayDarker;" ¿Dónde está mi error? – skrypalyk

Cambie .nav-bar a .nav-tabs para su ejemplo y debería funcionar. – adam0101

Conjunto @navbarLinkBackgroundHover

Fuente

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

Esto funciona para mí sin mucho "especificidad" que no sea el predeterminado Bootstrap ...

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

Fuente

2015-08-07 15:32:31

Cambiar el color de la libración de nav-pestañas

Respuesta

Cuestiones relacionadas