HTMLでクリックされた要素の周りの点線を削除する方法

私があればことがわかったaか、新しいページへリンクしていないページ内のリンクは、ユーザーがそれをクリックすると、その後、要素の周りに点線が存在しますが、ときに、ページ内の他のユーザクリック何でも、それだけで消えますこれを削除するには？

例：

要素の周りの点線に注意してくださいSection 2。

outline:noneタグクラスのアンカーに使用

@Lo Juegoが言ったように、記事を読んでください

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

a {
    outline: 0;
  }

しかし、変更する前にこれを読んでください：

点線のアウトラインの削除

試し!importantの中でcss。

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

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

注：ブートストラップがスタイルをオーバーライドしないように、メインのCSSの前にブートストラップCSSのリンクhrefを追加する必要があります。

削除outlineするとウェブサイトのアクセシビリティが損なわれるため、そのままにしておけば見えなくなります。

a {
   outline: transparent;
}

私の場合、それはボタンでした、そして、明らかに、ボタンで、これはFirefoxの問題だけです。解決策はここにあります：

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

コードの下での簡単な試行-

a{
outline: medium none !important;
}

幸せなら乾杯！良い一日