FireFoxでリンクをクリックすると点線が出た時の解除法 | 東京都世田谷区 ホームページ制作 [k]id

FireFoxでリンクをクリックすると点線が出た時の解除法

Category CSS Update 2009.11.10

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

メニューボタン等でテキストをtext-indent:-9999px;等で左に飛ばしたときに、
FireFoxだとリンクをクリックすると点線が現れてしまう。

この現象の理由は、リンクのエリアがtext-indentしたテキスト含みで認識されている
事が原因らしく、これを回避する為には

aの要素に

overflow:hidden;
outline:none;

を記述すれば解消されます。

ページトップへ
kid