What is :focus-visible?

:focus-visible is a CSS pseudo-class that matches a focused element only when the browser judges a focus indicator should be shown — typically keyboard focus but not a mouse click.

2 tools that work with :focus-visible

Files never leave your browser.

CSS Generators2

CSS Button GeneratorDesign a button and copy the CSS, including the hover, active and focus-visible states.CSS Hover Effect GeneratorGenerate a hover effect that animates cleanly, with the reduced-motion guard included.

Related terms

Terms that appear alongside :focus-visible on the same tools.

← All glossary terms Browse every tool →