Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Modificación en Bootstrap CSS

Estas en el tema de Modificación en Bootstrap CSS en el foro de CSS en Foros del Web. Hola amigos, estoy usando la librería de twitter bootstrap para un proyecto, en general todo a funcionado bien, en estos momentos me encuentro con un ...
  #1 (permalink)  
Antiguo 05/03/2013, 18:44
Avatar de gepd  
Fecha de Ingreso: diciembre-2007
Mensajes: 142
Antigüedad: 16 años, 4 meses
Puntos: 6
Pregunta Modificación en Bootstrap CSS

Hola amigos, estoy usando la librería de twitter bootstrap para un proyecto, en general todo a funcionado bien, en estos momentos me encuentro con un pequeño inconveniente al intentar personalizar un detalle en un dropdown, como pueden ver aquí:

http://twitter.github.com/bootstrap/...uttonDropdowns

al hacer clic en uno de los botones action, se despliega el menú al hacer clic nuevamente en el boton, el menú se esconde, y al quitar el cursor del boton, este queda con un borde de color amarillo, he intentado buscarlo en el código pero no lo encuentro, en verdad no sé si es una propiedad automática o es algo que el mismo framework genera.



espero que alguien me pueda ayudar,

saludos!

Última edición por gepd; 05/03/2013 a las 18:56
  #2 (permalink)  
Antiguo 05/03/2013, 19:06
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 3 meses
Puntos: 181
Respuesta: Modificación en Bootstrap CSS

Hola,

Es el outline. Lo usa para el tema de la accesibilidad. Pero si quieres quitarlo, usa el inspector del navegador, para que sepas en donde se encuentra.


Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #3 (permalink)  
Antiguo 05/03/2013, 20:49
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 15 años, 7 meses
Puntos: 187
Respuesta: Modificación en Bootstrap CSS

Esa imagen imagino debe pertenecer a un Chrome.

De acuerdo con lo que tengo visto, Bootstrap no modifica el comportamiento por defecto del navegador.

Ya que en firefox en lugar de verse anaranjado se ven punteado y gris.

Si deseas eliminarlo deberías en tu css incorporar la siguiente regla:

Código CSS:
Ver original
  1. *:focus {
  2. outline: 0;
  3. }

Personalmente no te recomiendo que lo hagas, siempre es bueno tener una indicación de cual elemento tiene foco (además de bueno, mejora la accesibilidad y usabilidad). Sin embargo puedes editarlo de manera que se adecue al estilo de tu página
  #4 (permalink)  
Antiguo 06/03/2013, 00:50
Avatar de gepd  
Fecha de Ingreso: diciembre-2007
Mensajes: 142
Antigüedad: 16 años, 4 meses
Puntos: 6
Respuesta: Modificación en Bootstrap CSS

he encontrado el parámetro outline, si alguna vez alguien tiene la misma duda en el archivo bootstrap.css

Código CSS:
Ver original
  1. a:focus {
  2.   outline: thin dotted #333;
  3.   outline: 5px auto -webkit-focus-ring-color;
  4.   outline-offset: -2px;
  5. }

investigaré más sobre el tema de la accesibilidad, la verdad no sabía de su uso.

saludos y muchas gracias!

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 12:49.