title: ":focus" pseudoclass is not working in Chrome
body: <p>I am using a :focus pseudo-class for my buttons (when pressed). It works fine on Firefox but it doesn't change its state in Chrome. Is there any workaround?</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.btn:focus {
      box-shadow: 1px 1px 1px #586601 inset;
      text-shadow: -1px -1px 1px #000000;
  }
  </code></pre>
  
  <p>(It's an input tag with a class "btn".)</p>