title: Chrome automatically highlighting my button in my extension
body: <p>I built a little Chrome extension that has two buttons that change the content of the webpage depending on the button you click. However, Chrome is automatically focusing on the top button, and putting its blue highlighter around it. See the screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/mbg5v.png" alt="enter image description here"> </p>
  
  <p>I assume that Chrome has some sort of default that automatically styles it, and it must focus on the top button. Is there anyway to have Chrome avoid highlighting buttons?</p>
  
  <p>There's nothing to my HTML:</p>
  
  <pre><code>&lt;div id="conservative"&gt;
      &lt;button id="conservatize"&gt;Conserve it!&lt;/button&gt;
      &lt;/div&gt;
      &lt;div id="liberal"&gt;
          &lt;button id="liberalize"&gt;Liberate it!&lt;/button&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>