« Aug 2008 September 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Oct »

Firefoxでリンクをクリックすると、その周りに点線が残る。
それが前から非常に気になっていたので、点線を消すCSSハックの備忘録。

参考サイト
CSS Hacks & Issues:TAILORED Solutions 様 (EN)

CSS部分に以下のコードをいれるだけ。


a {outline:none;}

はぁ、すっきりした :po:

これはFirefoxのみに適応されるみたいで、IEには効きませんw
IEでも消したい場合は、<a>とか<area>にイベントハンドラ足して下さい。


<a href="example.com" onFocus="this.blur()">リンク</a>

ただ、全部のaタグに付けるのは大変ですけどw
多分Javascriptで全<a>にblur属性付けられると思うけど、考える&探すのめんどくさい・・・w

No Comments yet...

コメントはまだありません。

Leave a Reply

お名前・メールアドレス・コメントは必須です。(メールアドレスは非公開です)
Gravaterに登録しているメールアドレスを入力すれば、オリジナルのアイコンにすることができます。




スマイリーアイコンをクリックするとコメント内に挿入する事ができます。(投稿後に反映されます)
コメントのみ非公開にできます。(名前とかは表示されてしまう模様w)
URLを2つ以上入れると承認が必要なコメントとして処理されます。管理人の承認後、表示されます。

Copyright ©2003-2010 SLOHOLIC. Some rights reserved.
HTML convert time: 2.994 sec. Powered by WordPress 2.8.4
Page veiw: Total 150395 / Today 35 / Yesterday 116
Online User: 0

back to top