texto - cómo eliminar la línea punteada alrededor del elemento cliqueado en html

meta tags seo

Question

Descubrí que si hay a enlace en la página que no enlaza con una página nueva, cuando el usuario hace clic en él, habrá una línea punteada alrededor del elemento, solo desaparecerá cuando el usuario haga clic en cualquier otra cosa en la página, cómo eliminar esto?

Ejemplo:

Tenga en cuenta la línea punteada alrededor del elemento Section 2 .

Answer 1

Como dijo @Lo Juego, lee el artículo

a, a:active, a:focus {
   outline: none;
}

Answer 2

Es un simple intento debajo del código -

a{
outline: medium none !important;
}

Si feliz aplausos! Buen día

Answer 3

Para eliminar todas las líneas borrosas, incluidas las de los temas bootstrap .

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

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

Nota: Debe agregar href de enlace para bootstrap css antes del css principal, por lo tanto, bootstrap no anula su estilo.

Answer 4

Prueba con !important en css .

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

Answer 5

Usar outline:none para anclar la clase de etiqueta

Answer 6

a {
    outline: 0;
  }

Pero lee esto antes de cambiarlo:

removing-the-dotted-outline