リンクをクリックした時に表示される点線を消す

リンクをクリックすると、その範囲に点線が表示されるが、場所によっては見栄えが悪いこともある。
点線を消すにはcssに以下の設定を加えればいい。

a {
    outline: none;
 }

ただし、全部の表示が無くなるとユーザビリティが低下することが考えられる。

そこで、必要なリンクのみ、点線を消す方法。

消したいリンク個別に、onFocus="this.blur()"を追加する。

例；
<a href="index.html" onFocus="this.blur()">トップページへ</a>

この方法でユーザビリティの低下を最小限にすることができる。