リンク画像をクリックすると、領域に点線の枠が出るのを非表示にしたい。

質問

表題どおりの質問です。

メニューボタンなどを画像で作成すると、その画像をクリックすると、画像領域を囲むように点線の枠が出てしまいます。
かっこ悪いので非表示にしたいのですが、、

お願いします。

回答No.2

taskuni · ベストアンサー

a:focus{ outline:none;}
firefoxのみcssで消去可能だそうです。

これはマウスなしでも操作が出来るように、現在のフォーカスを表示しているものです。人によっては非常に便利で必要な機能だと思います。
特にかっこ悪いとも思いませんけども。

どうしても消したいなら、リンクをHTMLで作成せずに、onclickイベントなどでjavascriptを使って飛ばしてやればいいと思います。

お礼

そもそも意味があるんですね！！
そこのところを理解していませんでした。
表示したままでいこうと思います。

ありがとうございました。

回答No.1

noname#210211

<img src="***" border="0">
こんな感じに。これからもウエブページを作っていくつもりならHTMLについて少し知識を深めるべきかと思います。

参考URL：

http://www.tohoho-web.com/html/img.htm

補足

常時非表示にする方法は上記の方法であっているのはわかるのですが、マウスでクリックしたときに出てくる、ほんの1ピクセルぐらいの黒い点線の枠を非表示にしたいのです～。