title: How do i remove the blue outline from a radio box when focused?
body: <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>