title: CSS remove default blue border
body: <p>I have a form with multiple buttons where I use a JavaScript to submit the second button when some one presses enter.</p>
  
  <p>This works great but if I open this form in IE the first button gets a blue border that tells the user "this is the button that will be pressed when you press enter".</p>
  
  <p>Is there any way to remove that with CSS without overriding the rest of the button's styling?</p>
  
  <p><img src="https://i.stack.imgur.com/ZCKEP.png" alt="default button style"></p>
  
  <p>Example:</p>
  
  <pre><code>&lt;button  onclick="javascript:alert('remove');"&gt;Remove name&lt;/button&gt;
  </code></pre>