最近はあまり使われないかもしれないが、CSSでボックスを表示し、テキストを非表示するために
text-indent : -9999px;
などととしている場合がある。ところが、Firefoxではこのボックスをクリックすると、ボックスの左側に飛ばしたテキストも囲うように点線が表示される。

この問題は、この該当のa要素に
overflow:hidden;
を指定することで解消される。
Single Article
最近はあまり使われないかもしれないが、CSSでボックスを表示し、テキストを非表示するために
text-indent : -9999px;
などととしている場合がある。ところが、Firefoxではこのボックスをクリックすると、ボックスの左側に飛ばしたテキストも囲うように点線が表示される。

この問題は、この該当のa要素に
overflow:hidden;
を指定することで解消される。
Related Posts
Trackback URL
One Comment
はじめまして。
Firefoxに限りませんが、多少CSS3に対応済みのモダンブラウザなら
outline: none;
でもいけると思いますよ。
Post a Comment