[SOLUCIONADO] Modificación en Bootstrap CSS

[gepd]

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!

[pitufoweb]

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

[ryugen]

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:

*:focus {
outline: 0;
}
 

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

[gepd]

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

Código CSS:

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
 

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

saludos y muchas gracias!