Comment supprimer la ligne pointillée autour de l'élément a cliqué en html ?

Question

J'ai découvert que s'il y a un a un lien dans la page qui ne renvoie pas vers une nouvelle page, alors quand l'utilisateur clique dessus, il y a une ligne en pointillé autour de l'élément, elle ne disparaît que lorsque l'utilisateur clique sur un autre élément de la page, comment supprimer cela ?

Exemple :

Notez la ligne pointillée autour de l'élément Section 2 .

Answer 1

Utilice outline:none à la classe de balises d'ancrage

Answer 2

Comme l'a dit @Lo Juego, lisez l'article.

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

Answer 3

a {
    outline: 0;
  }

Mais lisez ceci avant de le changer :

suppression de la ligne pointillée

Answer 4

Essayez avec !important en css .

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

Answer 5

Pour supprimer tous les contours en dote, y compris ceux en bootstrap thèmes.

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;
}

Note : Vous devez ajouter le lien href pour la css bootstrap avant la css principale, afin que bootstrap ne remplace pas votre style.