Chrome default focus outline

Question

I\'m trying to remove default focus froom chrome and it works with outline:none; in the same time I want to add an box-shadow but it not working for select .

Answer 1

Most effective solution on Links only:

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

Or you can disable global:

*{
    outline:none;
}

Answer 2

This should also do the trick:

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

Answer 3

Try this:

* { 
    outline-color: lime;
}

Answer 4

for me this worked

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