リンクをクリックした時の点線を消す

cssでは

a {
outline: none;
}
で Firefox や Safari は ok!
でもIEには適用されない。。。

JavaScriptでは

IEににも適用させるなら、aタグにJavascriptを入れる事で回避可能。

＜a href="URL" onfocus="this.blur();"＞しろうさぎ＜/a＞

「onfocus="this.blur();"」を記述することで確かにこれで消えるが、
＜a＞タグ一つ一つにスクリプトを付けるのも面倒である。

そこで。。。

window.onload=function(){
a=document.getElementsByTagName("a");
for(i=0;i

ここで問題です！

area=document.getElementsByTagName("area");
for(i=0;i

上記以外のJavaScript

SOLIDSTATE EVERYORY
にて「リンクをクリックした時の点線を消す 」スクリプトを紹介しています。

今作成中のサイトでは、他のスクリプトをバッティングしてしまったので使えなかったけど、
特に難しい設定も必要なくスクリプトを読み込ませるだけでリンクの点線を消せます。