title: How to style focus outline for accessibility purposes
body: <p>I'm trying to style the outline of the field when in focus because my current outline is very hard to see. I know that some html elements are focusable by default, so I'm not quite sure to what element to attach the outline style. </p>
  
  <p>Do I need to target all the potentially focusable elements? Like</p>
  
  <pre><code>a:focus, button:focus {outline: 1px solid white; } 
  </code></pre>
  
  <p>(including all the other elements)? This does not seem like the right method.</p>
  
  <p>I have tried searching for the answer and all I can find is that outline must not be <code>none</code> but other than then, I haven't found anything else.</p>