Deshabilitar el borde gris en los elementos de ancla (<a>) en el foco

Question

Estoy tratando de que el feo borde gris que aparece alrededor de las etiquetas de anclaje desaparezca. La propiedad CSS outline:none; funciona para Firefox, pero ¿cómo puedo hacerlo en IE? Preferiblemente utilizando expresiones CSS o jQuery. No estoy preocupado por la accesibilidad por cierto.

---

Sobre la base de sus sugerencias He encontrado estos a ser las mejores soluciones:

• Los jQuery (para IE navegadores):

  $('a').focus(function() { 
      $(this).blur(); 
  }); 
  

• Otra opción jQuery (para navegadores IE solamente):

  $('a').focus(function() { 
      $(this).attr("hideFocus", "hidefocus"); 
  }); 
  

• El CSS (para los demás navegadores que obligan a un esquema):

  a { 
      outline: none; 
  } 
  

Nota: Algunos navegadores como Google Chrome no obligan a un esquema de enfoque.

Answer 1

Desafortunadamente, creo que hideFocus es su mejor respuesta como la falta de definición no siempre es apropiado:

<a href="..." hidefocus="hidefocus">...</a> 

http://msdn.microsoft.com/en-us/library/ms533783(VS.85).aspx

Answer 2

¿Esto no funciona?

a 
{ 
    border: 0; 
} 

Answer 3

suena como que está hablando el borde de puntos que aparece cuando salta a través de enlaces. Tienes la solución correcta para Firefox (esquema: ninguno en el CSS). La mejor solución que he usado para IE es añadir un detector de onfocus que elimina enfoque:

<a href="" onfocus="this.hideFocus=true;">link</a> 

Tome un vistazo a este sitio para obtener un ejemplo de cómo puede hacerlo a nivel mundial: http://codylindley.com/Javascript/223/hiding-the-browsers-focus-borders-should-i-shouldnt-i

Answer 4

para IE , puede utilizar Javascript así:

<a href="..." onfocus="this.blur();">Click Here</a> 

Leer más: http://www.htmlgoodies.com/beyond/javascript/article.php/3471171

Para Firefox y Safari, outlin e: ninguno funciona.

Leer más: http://css-tricks.com/removing-the-dotted-outline/

Answer 5

A menos que me falta, que es salpicada frontera discutido, esquema: ninguno funciona en Internet Explorer 8 (al menos, para mí). Más bien, de repente, algunos hipervínculos se representaban con un borde punteado (el único atributo que recuerdo que cambia es mostrar: en línea en un elemento h2 que contenía un enlace, luego apareció el borde punteado). Así que lancé un {outline: ninguno; } en mi hoja de estilo global y poof, ¡no más fronteras en IE8!

Answer 6

a {outline:noneIE 8} css parece funcionar bien en Firefox, Chrome e IE 8.

Answer 7

a { 
    outline: 0 none !important; 
    border: none; 
}