リンクに表示されてしまう枠線を削除するCSS記述方法
2021/2/18
2021/10/5
3320 views
アウトライン削除
参考画像
特にfirefoxですが、他にもFdge、chromeなどブラウザによって勝手にリンク(<a>タグ)に破線のボーダーが表示されてしまうことがあります。
デザイン的にかっこ悪くなることもあり削除したい場合は下記の記述をCSSにします。
CSS
a:link,
a:active,
a:hover,
a:focus {
outline: none!important;
-moz-outline-style: none;
}
以上です。
この記事へのコメント
- まだ書き込みはありません