【css】リンクをクリックしたときの点線を消す

Tweet

Category css 2013/05/31

問題

このaタグにフォーカスがあたっているときに付く点線って消せない？

答え

これで消える(古いIE以外）。

a {
    outline: none;
}

もしくはこう。

a:focus, *:focus { outline:none; }

今となっては使わないけど、古いIEにはこんな対応方法があったらしい。

a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}