Chrome默认焦点大纲

Question

我正在尝试删除默认焦点froom chrome并且它适用于大纲：无;在同一时间我想添加一个盒子阴影，但它不适用于选择。

*: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; 
} 

Answer 3

这也应该做的伎俩：

a:focus, a:active { 
    outline-color: transparent !important; 
} 

Answer 4

对于我这种工作

:focus { 
     outline: -webkit-focus-ring-color auto 0; 
}