title: How to remove focus around buttons on click
body: <p>My buttons all have a highlight around them after I click them. This is in Chrome.</p>
  
  <p><img src="https://i.stack.imgur.com/nuDkL.png" alt="Unselected">
  <img src="https://i.stack.imgur.com/p1LIm.png" alt="Selected"></p>
  
  <pre><code>&lt;button class="btn btn-primary btn-block"&gt;
      &lt;span class="icon-plus"&gt;&lt;/span&gt; Add Page
  &lt;/button&gt;
  </code></pre>
  
  <p>I am using Bootstrap with a theme, but I'm pretty sure that's not it: I was noticing this before on another project. </p>
  
  <p>It goes away if I use an <code>&lt;a&gt;</code> tag instead of <code>&lt;button&gt;</code>. Why? If I wanted to use <code>&lt;button&gt;</code> how would I make it go away?</p>