Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Navbar básico - Modificar icono dropdown

Estas en el tema de Navbar básico - Modificar icono dropdown en el foro de CSS en Foros del Web. Hola, Tengo una barra de menú con un desplegable para seleccionar idioma: <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Idioma <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> ...
  #1 (permalink)  
Antiguo 26/03/2015, 06:39
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 14 años
Puntos: 3
Navbar básico - Modificar icono dropdown

Hola,

Tengo una barra de menú con un desplegable para seleccionar idioma:

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Idioma <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">English</a></li>
<li><a href="#">Spain</a></li>
</ul>
</li>

El icono para desplegar las opciones es un flechita hacia abajo, el color por defecto de esa flechita es blanco, me gustaría poder cambiar el color de fondo del icono/toggle, ¿sabéis en que clase tengo que realizar el cambio?

Muchas gracias,
  #2 (permalink)  
Antiguo 26/03/2015, 07:38
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Navbar básico - Modificar icono dropdown

Esto, es la flechita:

Código HTML:
Ver original
  1. <span class="caret"></span>
  #3 (permalink)  
Antiguo 26/03/2015, 10:36
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 14 años
Puntos: 3
Respuesta: Navbar básico - Modificar icono dropdown

Hola,

Si suponía que era la clase caret, pero no consigo localizar donde se define el color de fondo.

Un saludo,
  #4 (permalink)  
Antiguo 26/03/2015, 12:33
 
Fecha de Ingreso: febrero-2015
Mensajes: 61
Antigüedad: 9 años, 8 meses
Puntos: 15
Respuesta: Navbar básico - Modificar icono dropdown

tal vez en ningun lado.. y tienes q personalizarlo...


Código HTML:
Ver original
  1. <span class="color-azul caret"></span>


Código CSS:
Ver original
  1. .color-azul {
  2.    color:blue;
  3. }
  #5 (permalink)  
Antiguo 26/03/2015, 12:43
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Navbar básico - Modificar icono dropdown

amigo por lo que vi ese codigo debe ser de Bootstrap vdd >_< no tienes la web subida con ese menu o algo asi?
  #6 (permalink)  
Antiguo 26/03/2015, 13:17
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Navbar básico - Modificar icono dropdown

Como dijo MMan, tal vez no se define en ningun lado. Puede ser un Icon Font como los de IcoMoon por ejemplo, que se usan de esa forma, colocando la clase indicada a un span.
  #7 (permalink)  
Antiguo 27/03/2015, 08:02
Avatar de estaisaderezados  
Fecha de Ingreso: noviembre-2010
Ubicación: Madrid
Mensajes: 96
Antigüedad: 14 años
Puntos: 3
Respuesta: Navbar básico - Modificar icono dropdown

Muchas gracias, con personalizarlo va perfectamente

Etiquetas: bootstrap
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:45.