リンクを選択した時のフォーカス枠を消すWEB制作（html,css(スタイルシート) )｜プログラムメモ

リンクを選択した時のフォーカス枠を消す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();" >