jigen studylog » リンクしたときの点線を消す

リンクしたときの点線を消す

ちょっと細かい物なんですが、CSSのネタ。今まで気がつかなかった、もしくは知らなかった自分がアホ臭い。のでメモしておく。

何かというとHTML上にあるリンクをクリックして遷移する時に「これをクリックしましたよ！」っていうメッセージなのか灰色の点線が表示されるブラウザがありますよね。一応IE(internet explore)とFirefoxとは出たけどWindows版Safariは出なかった。他のブラウザは確認してないけど、表示されるブラウザがあるっていう事でお許しを。

んで、これを消したくてずっと悩んでいたんだけど、忘れた頃にたまたま見つけました。こちら「CSS Hacks & Issues」。他にも色々CSSのハックが載ってますが、この中にリンクした時の点線を消す方法が載ってました。

どうも以下のようにすれば良い感じです。

a { outline: none; }

つまり、対象要素のoutlineをnoneにするって事みたいです。単純だーうわーん。

• CSS Hacks & Issues