title: cant remove blue highlight chrome on focus
body: <p>when you click on search there's blue outline, for some reason css ignores these settings i've applied:</p>
  <pre><code>input:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline-style: none !important;
    box-shadow: none !important;
    outline-color: transparent !important;
    outline-style: none !important;
    border:none !important;
    border-color: transparent !important;
  }
  </code></pre>