Estimados, después de horas haciendo pruebas y buscando material en la Web sigo sin saber siquiera cual es el problema.
Estoy implementando un slider jQuery en un sitio y en la navegación mediante thumbnails aparece una especie de .focus azul solo en Firefox que no encuentro como desactivar.
Este es el sitio con el slider original FlexSlider 2:[URL="http://flexslider.woothemes.com/thumbnail-slider.html"]http://flexslider.woothemes.com/thumbnail-slider.html[/URL] donde podrán ver haciendo click en las miniaturas que todo funciona correctamente.
Este es el mismo slider subido a mi servidor:[URL="http://www.dilego.com.ar/muestra/sibiana/galeria/demo/thumbnail-slider.html"]http://www.dilego.com.ar/muestra/sibiana/galeria/demo/thumbnail-slider.html[/URL] acá es donde está el problema de que las miniaturas se colorean en azul al hacer click.
Repito que únicamente ocurre en Firefox (uso el último: 33.1). Probé en Chrome y Explorer 11 y ese coloreado no figura, es decir que anda de lujo, por lo que debería ser un asunto relacionado exclusivamente con Firefox, aunque lo desconcertante es que en el sitio original esto no pasa ni siquiera en Firefox.
Probé dentro de lo posible remover todo elemento .js para encontrar por descarte cual ocasiona el problema y no pasa nada. Probé remover todo elemento .css y más de lo mismo.
Probé afectar las imágenes del carousel con las 5 pseudoclases (hover, link, selected, active y focus), y nada.
Busqué por la Web y no pude encontrar nada parecido, tal vez porque no sé como especificar este problema en particular.
Desde ya agradezco a quien puedo brindarme una mano con esto que me está volviendo loco. Con algo de suerte el cliente usará Chrome y el diseño del sitio no se verá afectado por esto, pero quisiera solucionarlo por una cuestión de amor propio y por la cantidad de horas que invertí.
Saludos