text-indent:-9999pxを使ったときFirefoxで出る無駄な点線は消せます

Google Technorati Buzzurl Digg Bloglines DRECOM niftyクリップ pookmark pingking Choix

クライアント様から
「Firefoxでクリックするとバグが出て点線がでるので消して下さい」
というような指摘を受けパニックに陥った担当者が僕にヘルプを送ってきたのでちょちょいと消して対処しました。

要するにこんな点線が左の画面外までのびてしまう現象ですoutline01.jpg

この点線ですが、皆さんこれはこういうものとして目にフィルターかけて黙殺していませんか?
ちなみに僕は普段黙殺してます。
実はこれは簡単に消すことができるのです、
もし知らない方がいらっしゃったら、上のような現象が起きる箇所のアンカータグ、もしくはサイト全体のアンカータグに以下のような指定をして下さい。

a(outline : 0 ;)

これだけでOKです。
outlineはそもそも見易さの向上のためのプロパティなので普通の使い方もできます。
使う機会があれば使ってみてください。
書き方はborderとほぼ同じでショートハンドでも書くことができます。
こんな感じ↓

a(outline: solid 1px #000;)

outlineは対応ブラウザの関係であまり普段利用されていませんが、発想次第では何か面白いことができるかもしれませんね。