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

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

a {
    outline: none;
 }

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

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

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

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

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

 

デジタルゲートがお手伝い

ホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。

スポンサーリンク