NOTE

【CSS】リンクに表示されてしまう枠線ボーダー(アウトライン)を削除する方法

2021/2/18

2021/3/11

191 view

  【CSS】リンクに表示されてしまう枠線ボーダー(アウトライン)を削除する方法

参考画像

特にfirefoxですが、他にもFdge、chromeなどブラウザによって勝手にリンク(<a>タグ)に破線のボーダーが表示されてしまうことがあります。
デザイン的にかっこ悪くなることもあり削除したい場合は下記の記述をCSSにします。

CSS

a:link,
a:active,
a:hover,
a:focus {
    outline: none!important;
    -moz-outline-style: none;
}

以上です。

この記事へのコメント

  • まだ書き込みはありません

コメントを残す



関連記事

ページの先頭に戻る