ClearFocus Chrome Extension

Removes Chrome's horrible black focus outline on focused elements..
Removes Chrome's horrible black focus outline on focused elements.

By default, Chrome adds a black border around focused elements. This is important for accessibility and UX clarity. Most websites, however, employ their own element focus styles with their CSS that matches the rest of the UI styling. The new chrome outline style sidesteps this visual harmony and introduces an unsightly border on focused elements that for some is undesireable.

Previously this could be done using chrome's user stylesheets feature in which you could override the user agent stylesheets with a custom css file placed in your user profile, but Chrome has since removed this feature.

This extension simply overrides the base chrome behaviour through the ":focus" selector, by introducing a new style definition using a slightly more specific ":root :focus" selector that overrides the base chrome functionality, but will still permit website-specific stylesheets to use custom outlines with more specific selectors such as "input:focus". In the rare case a website simply uses the ":focus" selector this will conflict, but it's extremely uncommon for websites to use outlines at all, let alone for this purpose.

How to install ClearFocus chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the ClearFocus Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension ClearFocus Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the ClearFocus in Chrome Webstore Search and click on the search button.
• Step 3: click on the ClearFocus Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the ClearFocus extension for your Chrome Web browser .