Automáticamente 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 ocasiones, pero que podemos ocultar.
La responsable del recuadro es la seudaclase a:focus
, que podemos editarla de la siguiente forma:
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.
gustavo octubre 18, 2007 a las 10:20 am
Encontre filete tu ayuda visual….lo busque por si acaso y salio al toque. Bakan , la terrible paletia.
Te pasaste, gracias
Saludos
Responderrolf octubre 23, 2007 a las 6:22 pm
solo funciona en mozilla en ie7 no, tienes una solucion para ello?
ResponderSoldier noviembre 22, 2009 a las 2:11 pm
Gracias, me fue de mucha ayuda. Excelente blog.
Saludos
ResponderEMISC enero 20, 2010 a las 11:35 am
Hey, muchas gracias, me ha sido de gran utilidad para los botones de menu con css.
ResponderPablo abril 19, 2010 a las 11:42 am
mas facil
outline:0;
ResponderAnuncios de mascotas octubre 5, 2010 a las 12:58 pm
Muchas gracias, es justo lo que estaba buscando. Me sucedía con el logo, cuando alguien lo clickeaba quedaba con el borde punteado 🙁
Responderchristian febrero 1, 2011 a las 11:47 am
no sirve en el ie7
Respondermith septiembre 24, 2011 a las 2:35 am
Estuve buscando media hora en Google y todos decían simplemente lo del outline, pero no del focus.
Muchas gracias, todo perfecto 😉
Responderjose carlos noviembre 19, 2011 a las 8:34 pm
alguien sería tqan amable de decirme para IE7
Responderfernando acevedo diciembre 22, 2011 a las 10:38 am
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!!!!!
ResponderMia febrero 13, 2012 a las 9:20 am
Hola Francisco, muy bueno tu blog!
con tu aporte he podido eliminar los bordes para algunos browser, pero para otros ahun no lo puedo hacer, me faltaria eliminar los bordes para IE9 y Safari, me podrias indicar como hacerlo?
Gracias.
Responderclaudia marzo 9, 2012 a las 4:33 pm
mil graciasssssssssssssssssssssss!!!!!!!!!!!!!1
ResponderDR octubre 4, 2012 a las 9:26 am
Excelente!!! Mil Gracias por ese tips!!!
ResponderSaludos DR.
zaira octubre 12, 2012 a las 11:41 am
Hey muchas gracias!!, resolvi mi problema en 30 segundos 🙂
ResponderguStAVO mayo 22, 2014 a las 11:32 am
muchisimas gracias bro me sirvio de mucho !!!! 🙂 saludos
Respondermigue julio 12, 2014 a las 9:53 am
anduvo perfecto 🙂
ResponderJhon B julio 15, 2015 a las 5:09 am
Ocho años después me ha salvado la vida 🙂
Responderelena febrero 3, 2016 a las 6:44 am
Muchisimas gracias!!!
ResponderSeba octubre 14, 2016 a las 2:32 pm
a:focus {
border:none;
outline:0px;
}
Resulta más util asi sin tener que cambiar nada de tamaño.
ResponderJOSE RODRIGUEZ mayo 3, 2017 a las 8:07 pm
excelente amigo llevaba horas buscando gracias
Responderfabian noviembre 28, 2020 a las 1:17 pm
excelente hermano
Responder