google-chrome - Chrome のデフォルト フォーカス アウトライン

Question

デフォルトのフォーカスをクロムから削除しようとしていますが、outline:none; で動作します。同時に box-shadow を追加したいのですが、 select では機能しません。

*:focus { outline:none; }

input[type="text"]:focus,input[type="checkbox"]:focus,input[type="password"]:focus,
select:focus, textarea:focus,option:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 9px 0 #86AECC;
z-index:1;
}

フィドル: http://jsfiddle.net/DCjYA/309/

Answer 1

これを試して：

* { 
    outline-color: lime;
}

Answer 2

リンクのみで最も効果的な解決策:

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

または、グローバルを無効にすることもできます:

*{
    outline:none;
}