WEB制作(html・css(スタイルシート))に関する各種メモ書き

リンクを選択した時のフォーカス枠を消す

リンクを選択した時のフォーカス枠(IEだと点線、Safariだと水色、Chromeだと茶色)を消したい時があります。

CSSだと

 a { outline: none; }
#hoge {
    overflow : hidden;
    outline : none;
}

outline というプロパティがありますが、これでは消えない時があります。

そんな時は

JavaScript

<a> タグにonfocus="this.blur();"を追加する。
例:
<a href="hoge.html" onfocus="this.blur();" >

No.835
02/25 15:38

edit