title: outline only on tab focus
body: <p>I'm looking for a simple, efficient solution for focus-able elements to have outline <strong>only while pressing tab</strong> and not show when using a mouse in <strong>react</strong> apps. (something like :focus-visible that actually works on different browsers)
  -very frustrating that making an accessible website has almost no explained general explanation online.
  Thank you for the help!</p>