¿Cómo puedo eliminar el contorno alrededor de las imágenes de hipervínculos?

Puede usar la propiedad CSS "outline" y el valor de "none" en el elemento anchor.

a {
outline: none;
}

Espero que eso ayude.

Para Internet Explorer 9:

a:active, a:focus { 
 outline: none; 
 ie-dummy: expression(this.hideFocus=true);
}

Fuente: http://social.msdn.microsoft.com/Forums/en-HK/ieextensiondevelopment/thread/1023adfd-bd73-47ac-ba9c-2bad19ac583a

Tenga en cuenta que los estilos de enfoque están ahí por una razón: si decide eliminarlos, las personas que navegan a través del teclado ya no saben lo que está en foco, por lo que está perjudicando la accesibilidad de su sitio web.

(Mantenerlos en su lugar también ayuda a los usuarios avanzados que no les gusta usar su ratón)

Hay el mismo efecto de borde en Firefox y Internet Explorer (IE), se hace visible cuando se hace clic en algún enlace.

Este código arreglará solo IE:

a:active { outline: none; }.

Y este arreglará tanto Firefox como IE :

:active, :focus { outline: none; -moz-outline-style: none; }

El último código debe agregarse a su hoja de estilos, si desea eliminar los bordes de enlaces de su sitio.

Incluya este código en su hoja de estilo

img {border : 0;}

a img {outline : none;}

Espero que esto sea útil para algunos de ustedes, se puede utilizar para eliminar el contorno de enlaces, imágenes y flash y de MSIE 9:

    a, a:hover, a:active, a:focus, a img, object, embed {
    outline: none;
    ie-dummy: expression(this.hideFocus=true); /* MSIE - Microsoft Internet Explorer 9 remove outline */
    }

El siguiente código es capaz de ocultar el borde de la imagen:

    img {
    border: 0;
    }

Si desea soportar Firefox 3.6.8 pero no Firefox 4... Al hacer clic hacia abajo en un tipo de entrada = imagen puede producir un contorno punteado, así, para eliminarlo en las versiones antiguas de firefox lo siguiente hará el truco:

   input::-moz-focus-inner { 
   border: 0; 
   }

IE 9 no permite en algunos casos eliminar los puntos esboza los enlaces a menos que incluyas esta meta etiqueta entre y en tus páginas:

     <meta http-equiv="X-UA-Compatible" content="IE=9" />

Este es el último que funciona en Google Chrome

:link:focus, :visited:focus {outline: none;}

-moz-user-focus: ignore; en los navegadores basados en Gecko (es posible que necesite !importante, dependiendo de cómo se aplique)

Use Así para HTML 4.01

<img src="image.gif" border="0">

Puede poner overflow:hidden en la propiedad con la sangría de texto, y esa línea de puntos, que se extiende fuera de la página, desaparecerá.

He visto un par de publicaciones sobre la eliminación de contornos todos juntos. Tenga cuidado al hacer esto, ya que podría reducir la accesibilidad del sitio.

a:active { outline: none; }

Yo personalmente usaría este atributo solamente, como si el atributo :hover tiene las mismas propiedades css, evitará que se muestren los contornos para las personas que están usando el teclado para navegación.

Espero que esto resuelva su problema.

Para Eliminar el enlace href de Contorno Punteado, puede escribir en su archivo css:

a {
   outline: 0;
}

Apuesto a que la mayoría de los usuarios no son el tipo de usuario que usa el teclado como control de navegación. ¿Es entonces aceptable molestar a la mayoría de sus usuarios para un grupo pequeño que prefiere usar la navegación por teclado? Respuesta corta-depende de quiénes son sus usuarios.

Además, no veo esta experiencia de la misma manera en Firefox y Safari. Así que este argumento parece ser sobre todo para IE. Todo realmente depende de su base de usuarios y su nivel de conocimiento - cómo utilizan el sitio.

Si realmente quieres saber dónde estás y eres un usuario de teclado, siempre puedes mirar la barra de estado mientras tecleas en el sitio.

Esto funciona perfectamente para mí

a img {border:none;}

Cualquier imagen que tenga un enlace tendrá un borde alrededor de la imagen para ayudar a indicar que es un enlace con navegadores más antiguos. Agregar border= " 0 " a tu etiqueta HTML IMG evitará que esa imagen tenga un borde alrededor de la imagen.

Sin embargo, agregar border="0" a cada imagen no solo consumiría tiempo, sino que también aumentaría el tamaño del archivo y el tiempo de descarga. Si no desea que ninguna de sus imágenes tenga un borde, cree una regla CSS o un archivo CSS que tenga el siguiente código en se.

Img { border-style: none;}

Sí podemos usar. CSS reset como a {outline:none} y también

a:focus, a:active {outline:none} para la Mejor Práctica en Restablecer CSS, La Mejor Solución es usar common :focus{outline:none} Si todavía tiene la Mejor Opción, comparta