html - Cómo eliminar el borde de puntos alrededor del enlace en IE7

css css3

Question

Hay un borde alrededor del botón y enlace al hacer clic

¿Podría alguien ayudarme a solucionarlo para eliminarlo

Answer 1

Aplicar esta regla a la entrada.

input { outline : none ; }

Answer 2

Es feo, pero también lo son la mayoría de las correcciones de IE.

a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}

Answer 3

Esto haría el truco

a {
   outline:0;
}

Answer 4

Esto también funcionará

a { outline-style:none; }

Answer 5

Intente establecer la propiedad de esquema :

a {
   outline: 0;
}

Answer 6

Para empezar, puedo ver que una de tus etiquetas es IE7-bug , mientras que en realidad es más como una característica. El propósito de tener este outline puntos es que los usuarios puedan navegar entre varios controles utilizando su rueda del ratón o la tecla de tab .

En cualquier caso, para definir el estilo de un elemento cuando esté "enfocado" use el selector CSS :focus . La propiedad que da estilo a este esquema es, trivialmente, outline ; outline: 0 evitará que aparezca el perfil de enfoque.

Nota: es posible que desee aplicar esa regla solo en su botón, y no en todos los elementos, ya que algunos usuarios pueden estar acostumbrados a ver algo para indicar el enfoque, lo que facilita la navegación utilizando los métodos mencionados anteriormente.

Espero que haya ayudado de alguna manera.

Answer 7

Prueba este

a:hover, a:active, a:focus {
  outline: 0;
 }

Answer 8

Puedes hacerlo con este código:

   a:focus{
      border: none;
    }

Answer 9

Puedes predefinirlo así:

:focus{
    outline:0; /*removes the dotted border*/
}

Pero recuerde (por razones de accesibilidad) configurar el estilo "más adelante" en su archivo CSS en algo más visible. Por ejemplo :

a:focus, a:active{
    color:#ff5500; /*different color than regular*/
}
input[type=submit]:focus, input[type=submit]:active{
    background-color:#444; /*different color than regular*/
}

Answer 10

Se trata de un código completo para eliminar la línea externa y colocarlo en su CSS con el nombre de clase deseado. (className en IE.) Ejemplo para etiquetas

a{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

Ejemplo para todas las etiquetas en su página html!

*{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

¡Ejemplo para una etiqueta con la clase myClassName en su página html!

.myClassName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

Ejemplo para una etiqueta con id myidName en su página html!

#myidName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

Espero que esto haya ayudado a Works en los principales navegadores y, si no es así, son muy antiguos, por lo que la probabilidad de cuánta gente todavía está utilizando estos navegadores antiguos.

Notas: outline:none 0; También funciona en los navegadores más nuevos, pero no en todos. Pero el outline:0; es universal y en esos navegadores no entienden ''ninguno'' y obtienes el valor predeterminado, pero entiendo que en todos los navegadores estamos usando este esquema: Y necesitas esto para IE7 _noFocusLine:expression(this.hideFocus=true);

¡O usa Javascript para el resto!

window.document.getElementById("myidName").blur();
window.document.getElementById("myidName").hideFocus=true;
window.document.getElementById("myidName").style.outline=0;

o

Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.style.outline=0;

o con cheque si el elemento existe!

if (window.document.getElementById("myidName")){
    Obj=window.document.getElementById("myidName");
    Obj.blur();
    Obj.hideFocus=true;
    Obj.style.outline=0;
}

¡Javascript puede hacer el truco para IE6 y IE7 y otros CSS no pueden!

Answer 11

Tratar

a {
     outline: none;
}

Siempre trate de usar el reinicio de css. Esto le ayudará a resolver el problema de esta manera. Utilizo la herramienta de restablecimiento de css de eric mayer .

Answer 12

a: enlace {estilo de esquema: ninguno; } `

Answer 13

outline CSS no es compatible con IE7. Ese "navegador" requiere la siguiente expresión CSS:

a {
    _noFocusLine: expression(this.hideFocus=true); 
}

Funciona también en versiones más nuevas.