How do i remove the blue outline from a radio box when focused?
<p>I would like to remove the blue outline it gives me when my radio is clicked/focused.
I tried using <code>outline: none</code> and <code>border: none</code>, but nothing seems to be working.
Does anyone have a solution for this? </p>

<p>Screenshot of what I’m talking about:</p>

<p><img src="https://i.stack.imgur.com/F9XD1.png" alt="Image"></p>