リンクをクリックした時のフォーカス枠を消す方法

リンクをクリックした時のフォーカス枠を消す方法

みなさんこんにちは、ゆうやです!

ロックバンド「UVERworld」の新曲「Making it Drive」のshort ver動画が配信された今日このごろ、いかがお過ごしでしょうか。

この曲、イヤホン推奨です!!笑

イヤホンで耳が壊れるギリギリの音量で聴くとライブに参加しているような興奮を味わえます(^o^)

ぜひお試しあれ!

楽曲情報
2019年12月4日ReleaseのUVERworld 10th ALBUM『UNSER』に収録されています!

さて本記事では、知っていればなんてことはないaタグのTipsを紹介します!

「リンクを選択する動作をした時に青もしくは黄色の枠が出るんだけどかっこ悪いから消しちゃいたい!」

という方に対処法をお届けします!

リンクのフォーカス枠を消す

これは秒で解決できます!

該当のaタグに以下のように指定するだけです(^o^)

index.css
a, a:focus{ outline: none; }

まとめ

いかがでしたでしょうか。

コーディングは知っていれば秒で対処できるバグ等がかなり多いので、どんどんバグに出くわしていって引き出しを増やしていきたいですね(^o^)

最後までご高覧いただきありがとうございました!