Blog and Web

Quitar el borde punteado a los links cuando se les da click

Automaticamente 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.