title: How to remove focus border (outline) around text/input boxes? (Chrome)
body: <p>Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using:</p>
  
  <pre class="lang-css prettyprint-override"><code>input {
      background-color: transparent;
      border: 0px solid;
      height: 20px;
      width: 160px;
      color: #CCC;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/HSKYf.png" alt="Text box with blue outline and &quot;Example&quot; written in it"></p>