Focus-outline-manager NPM

focus-outline-manager

Watch users keyboard input and manage the focus outline visibility

By default, browsers add an outline around buttons and other controls when they are clicked:

npm.io

Removing the outline for all users by setting *:focus {outline: none;} will make the site less accessible for keyboard users.

focus-outline-manager enables you to remove the outline for mouse users, retaining it for keyboard users.

npm install --save focus-outline-manager

Using CommonJS module loading:

require('focus-outline-manager');

CSS:

html.focus-outline-hidden *:focus {
    outline: none;
}