2010年12月14日に投稿

[CSS]Firefoxにおいてリンクテキストをクリックした時に表示される点線の枠を消す

Firefoxではリンクテキストをクリックすると、点線の枠が表示されます。(スタイルシートでいうdottedボーダーのようなものです。)これはどこをクリックしたのか分かりやすくするためのものだと考えられますが、WEBサイトを作成する時にレイアウトが崩れる原因になる可能性があります。私は過去に表示されたボーダーのせいで、ボーダーが表示されている間はfloatが崩れたり、スクロールバーが表示されてしまったりすることがありました。

この枠線を非表示にするには、下記のスタイルシートを適用します。
[css]
a{
outline:none;
}
[/css]

関連記事

Leave a Reply