Контур фокуса Chrome по умолчанию

Question

Я пытаюсь удалить фокус по умолчанию Chrome Chrome, и он работает с контуром: нет;в то же время я хочу добавить box-shadow, но он не работает для выбора.

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

для меня это сработало

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

Answer 3

Это также должно помочь:

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

Answer 4

Наиболее эффективное решение только для ссылок:

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

Или вы можете отключить глобальные:

*{
    outline:none;
}