Skip to content

Instantly share code, notes, and snippets.

@h3h

h3h/And-I-Explain.md

Last active December 14, 2015 17:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save h3h/5125946 to your computer and use it in GitHub Desktop.
Save h3h/5125946 to your computer and use it in GitHub Desktop.
Download ZIP
Personal user stylesheet to get rid of focus outlines on non-form elements.
Raw
And-I-Explain.md

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

Raw
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