リンクをクリックすると、その範囲に点線が表示されるが、場所によっては見栄えが悪いこともある。
点線を消すにはcssに以下の設定を加えればいい。
a {
outline: none;
}
ただし、全部の表示が無くなるとユーザビリティが低下することが考えられる。
そこで、必要なリンクのみ、点線を消す方法。
消したいリンク個別に、onFocus=”this.blur()”を追加する。
例;
<a href=”index.html” onFocus=”this.blur()”>トップページへ</a>
この方法でユーザビリティの低下を最小限にすることができる。