title: How to remove the blue highlight of a button once pressed when u remove original border?
body: <p>I don't want the blue border when you click on a button that doesn't have its original border, here is the HTML: </p>
  
  <pre><code>&lt;div id="buttonholder" style="border 1px solid black"&gt;
      &lt;button id="previous"&gt;&amp;lt; Previous round&lt;/button&gt;
      &lt;button id="next"&gt;Next round &amp;gt;&lt;/button&gt;
      &lt;button id="current"&gt;&amp;gt; Current round&amp;lt;&lt;/button&gt;
  
      &lt;div style="font-size: 0;"&gt;
          &lt;form id="inputfield" name="inputfield"&gt;
              &lt;input type="inputfield" value="Search for round here..."&gt;
              &lt;input type="button" value="Go"&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  
      &lt;div id="displayround"&gt;
          1/38
      &lt;/div&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I need to post the entire CSS let me know, just added it in the html to make it short. </p>