Skip to content

Instantly share code, notes, and snippets.

@h3h h3h/And-I-Explain.md

Last active Dec 14, 2015
Embed
What would you like to do?
Personal user stylesheet to get rid of focus outlines on non-form elements.

My personal user stylesheet to get rid of focus outlines on non-form elements because I don't personally need them for accessibility.

Don't ever do this in your site's stylesheet because you're putting disabled users at a disadvantage. Do put this in your own user stylesheet if you hate the focus outlines in Gmail, Google Groups and countless other web apps.

See also: http://www.outlinenone.com/

For Chrome on Mac, this goes in ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

:focus {
outline: none !important;
}
input:focus,
textarea:focus,
button:focus {
outline: inherit !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.