- ベストアンサー
リンクを選択すると現れる点線枠
IEでリンクをクリックすると現れる点線枠を消すため <a href="リンク先URL" onfocus="this.blur();">○○</a> と、【onfocus="this.blur();"】をAタグ内に追加していますが、サイト内のリンクが多すぎるため、ごちゃごちゃになってしまいます。これを一括指定させたいのですが、どのように書けばいいのでしょうか。または外部スタイルシートで書くことはできますか。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
CSS2にはそのような点線枠（＝アウトライン）の設定を行う outline という属性があるのですが、現在はごく一部のブラウザしか対応していないので、利用価値は低いでしょう。 ですので、No.1 のように JavaScript を使って各リンクの onfocus を設定するのが簡明です。ただ、No.1 のスクリプトでは動かないような気がするので、別の方法を書いておきます。 # 以下を <head> ～ </head> 内に追加。 <script type="text/javascript"> <!-- function disable_links_outline() { var blur = function () { this.blur() }; for (var i = 0; i < document.links.length; i++) document.links[i].onfocus = blur; } //--> </script> # <body> タグを変更。 <body onload="disable_links_outline()"> ※スクリプトをコピーする場合は、全角空白をタブなどに置換してください。
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
試してないけど、多分、以下でいけると思います。 <script type="text/javascript"> <!-- function setLinks(){ var AObj=document.links; for(i=0;i<AObj.length;i++){ AObj(i).onfocus=="this.blur();"; } } // --> </script> <body onload="setLinks()"> 「リンクをクリックすると現れる点線枠」がよくわからないんですけど、 もしかすると、スタイルシートでできるかもしれません。
お礼
わかりにくい質問にもかかわらず、お早い回答をありがとうございました。javascriptで指定することさえ知らなかったので参考になりました。
お礼
早速試してみましたら、点線枠が出ずに一括指定ができました。わかりやすく教えてくださってありがとうございました。