title: Chrome default focus outline
body: <p>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 . </p>
  
  <pre><code>*: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;
  }
  </code></pre>
  
  <p>fiddle: <a href="http://jsfiddle.net/DCjYA/309/" rel="noreferrer">http://jsfiddle.net/DCjYA/309/</a></p>