title: How do I remove outline on link click?
body: <p>When I click a link on my website it is creating an outline around the link like so</p>
  
  <p><a href="https://i.stack.imgur.com/d7IrT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/d7IrT.png" alt="enter image description here"></a></p>
  
  <p>I've tried adding:</p>
  
  <pre><code>a.image-link:focus { outline: 0; }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>a {outline : none;}
  </code></pre>
  
  <p>But nothing seems to get rid of it. Is there a way to remove it?</p>