title: Chrome blue input outline won't go away no matter what
body: <p>I have been trying to figure this out for hours... Chrome puts a blue outline on focused input elements and after trying the usual CSS styles to force it back to having no outline, Chrome doesn't want to listen.</p>
  
  <p>I've tried:</p>
  
  <pre><code>input {
      outline:none;
      -webkit-appearance:none;
  }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>input:focus {
      outline:none;
      -webkit-appearance:none;
  }
  </code></pre>
  
  <p>with no luck at all.. looks like chrome is really trying to make this difficult.</p>