How do I remove outline on link click? : <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>
