リンクをクリックしたときに表示される点線を消す方法の概要です

a要素が:focus状態になったときにoutline:none;を指定すると、リンクをクリックしたときに表示される点線を消すことができます。
新しいブラウザではクリックしたときの点線が表示されることはほぼありませんが、ターゲットブランクのリンクや、スライダーなどのスクリプトの中にあるリンクをクリックしたときに点線が表示されるときがあります。
リンクの設定や場所によっては点線が表示されてしまうのでは統一感がないので、点線を表示しないように統一しましょう。

HTML・CSSとデモページ

<a href="#" class="outline">リンク</a>
<br>
<a href="#">リンク</a>

a.outline:focus{
	outline:1px dotted;
}
a:focus{
	outline:none;
}

問題
リンクをクリックしたときに表示される点線

ブラウザでデモページを見る

<a href="#" class="outline">リンク</a>

a.outline:focus{
	outline:1px dotted;
}

リンクをクリックして:focus状態になったときに、リンクのまわりに点線が表示されるときがあります。※新しいブラウザでは点線が表示されないのでCSSを指定して表示させています。

解決
リンクをクリックしたときに表示される点線を消す方法

ブラウザでデモページを見る

HTML・CSSと方法

<a href="#">リンク</a>

a:focus{
	outline:none;
}

リンクをクリックしたときに表示される点線は、3行目のように
outline:none;
と:focus状態になったときにoutlineを消すように指定すると、点線が表示されなくなります。