title: How to get rid of yellow box decoration?
body: <p>On many of my input boxes I have a yellow outline that pops up when I select the box. How do I get rid of this?</p>
  
  <p><img src="https://i.stack.imgur.com/nkQ1t.jpg" alt="enter image description here"></p>
  
  <p>Css lint are informing me that:</p>
  
  <pre><code>*:focus {
  outline: none;
  }
  </code></pre>
  
  <p>Should not be used and I quote. <code>outlines should not be hidden unless other visual changes are made</code></p>
  
  <p>When I try:</p>
  
  <pre><code>input:focus,
  select:focus,
  textarea:focus,
  button:focus {
  outline: none;
  }
  </code></pre>
  
  <p>I also get a lint error message but appears to have worked. </p>