Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome default focus outline

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 .

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

like image 980
BurebistaRuler Avatar asked Feb 07 '12 15:02

BurebistaRuler


2 Answers

Try this:

* { 
    outline-color: lime;
}
like image 111
mcmwhfy Avatar answered Sep 27 '22 21:09

mcmwhfy


for me this worked

 :focus {
       outline: -webkit-focus-ring-color auto 0;
 }
like image 23
csomakk Avatar answered Sep 27 '22 21:09

csomakk