05Mar
Quitar el borde punteado a los links cuando se les da click
Francisco / Publicado hace 1806 días / 10 ComentariosAutomaticamente todos los links de imagen y texto cuando se da click sobre ellos aparece un marco punteado que los rodea y que puede ser poco estético en algunas ocaciones, pero que podemos ocultar.
La responsable del recuadro es la seudaclase “a:focus”, que podemos editarla de la siguiente forma:
/*Disminuimos su ancho y altura a 0px
,nos aseguramos con un "outline"(linea exterior)
que desaparezca en otros navegadores*/
a:focus {
width:0px;height:0px;outline:0px;
}Con esto tanto links de texto como de imágenes no aparecerán con ese marco punteado al dar click sobre ellos. También tienes la posibilidad de darle otros atributos con cierto color de texto u otro tipo de borde.
Encontre filete tu ayuda visual….lo busque por si acaso y salio al toque. Bakan , la terrible paletia.
Te pasaste, gracias
Saludos
solo funciona en mozilla en ie7 no, tienes una solucion para ello?
Gracias, me fue de mucha ayuda. Excelente blog.
Saludos
Hey, muchas gracias, me ha sido de gran utilidad para los botones de menu con css.
mas facil
outline:0;
Muchas gracias, es justo lo que estaba buscando. Me sucedía con el logo, cuando alguien lo clickeaba quedaba con el borde punteado
no sirve en el ie7
Estuve buscando media hora en Google y todos decían simplemente lo del outline, pero no del focus.
Muchas gracias, todo perfecto
alguien sería tqan amable de decirme para IE7
Maneja una actualización si el usuario no ha actualizado su explorer que lo haga, mediante javascript, a una version 8 para xp o 9 para vista y 7, en web no se puede a veces tener todo pero minimo para los exploradores mas resientes, usa un framework jquery o mootools yo lo hago con mootools, solo creas una condición y listo ya sabes si esta o no actualizado, saludos!!!!!