title: Disable blue stroke effect on button clicked
body: <p>I have a button defined as follows:</p>
  
  <pre><code>&lt;button style={{backgroundColor: 'transparent', border: 0}} onClick={() =&gt; back()}&gt;
     &lt;i style={{color: '#3a6464'}} className='fa fa-arrow-circle-left fa-fw fa-3x'/&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/oGDeD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oGDeD.png" alt="button"></a></p>
  
  <p>When I click the icon button I get a blue stoke effect:</p>
  
  <p><a href="https://i.stack.imgur.com/6c0TT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6c0TT.png" alt="effect"></a></p>
  
  <p>How can I disable this effect or at least change the blue color?</p>