Disabling Focused Browsing (Hapara Feature)

Today we are learning how to disable focused browsing in Hapara Highlights Extension.

Its actually really simple, simpler than you can think of.

You just have to disable the dashed border of a dom-element if it has the focus in a tabindex order.

So you just have to use CSS and use this code: :focus { outline: none; }

Your are disabling an accessibility feature native to the browser, so you should consider other options, such as making the background darker, or lighter, or you should consider making the screen display a bit zoomed in (5-10)% to patch it up and make it look like nothing ever happened

-Lesson Provided By HeroTrickshot

Refer to classroom for comments and FAQ