Single Article

Tips:Firefoxで選択時に余分な点線が表示されることを防ぐ

最近はあまり使われないかもしれないが、CSSでボックスを表示し、テキストを非表示するために

text-indent : -9999px;

などととしている場合がある。ところが、Firefoxではこのボックスをクリックすると、ボックスの左側に飛ばしたテキストも囲うように点線が表示される。

firefox_css.gif

この問題は、この該当のa要素に

overflow:hidden;

を指定することで解消される。

Related Posts

Trackback URL

One Comment

  1. Posted 2007/10/1 at 12:01 am | Permalink

    はじめまして。
    Firefoxに限りませんが、多少CSS3に対応済みのモダンブラウザなら

    outline: none;

    でもいけると思いますよ。

Post a Comment

Your email is never published nor shared.