2012-02-07 112 views
5

我正在嘗試刪除默認焦點froom chrome並且它適用於大綱:無;在同一時間我想添加一個盒子陰影,但它不適用於選擇。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/

回答

12

試試這個:

* { 
    outline-color: lime; 
} 
0

這是最好的,我可以用它

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

或者你可以用這樣的。

*{ 
    outline:none; 
} 
1

這也應該做的伎倆:

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

對於我這種工作

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