リンクをクリックしたときに横に伸びる点線を消す方法

リンクをクリックしたときに横に伸びる点線を消す方法(Firefox) - IDEA*IDEA ~ 百式管理人のライフハックブログ
背景画像でリンクを表示し、テキストはスタイルで非表示にしているような場合、aタグのスタイルを、

background-image: url(/images/xxx.gif);
text-indent: -9999px;

のようにしたりする。
しかしそうすると、リンクをクリックした場合に、点線が左にグーッと伸びて表示されてしまう。
これを消すには、そのaタグのスタイルに、

overflow: hidden;
outline: none;

を追加すればよい。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください