Phác thảo lấy nét mặc định của Chrome

Question

Tôi đang cố gắng xóa chrome froom trọng tâm mặc định và nó hoạt động với đường viền: không có gì; đồng thời tôi muốn thêm một hộp bóng nhưng nó không hoạt động để chọn.

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

fiddle: http://jsfiddle.net/DCjYA/309/

Answer 1

Hãy thử điều này:

* { 
    outline-color: lime; 
} 

Answer 2

này là tốt nhất tôi có thể sử dụng nó

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

Hoặc bạn có thể sử dụng như thế này.

*{ 
    outline:none; 
} 

Answer 3

này cũng nên làm như lừa:

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

Answer 4

đối với tôi đây làm việc

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