CSS · Interaction and accessibility

Filter on focus

Visible focus is an accessibility requirement. Never set outline: none without a replacement.

cssRunnable example css course

Syntax

outline via :focus-visible

Example

Try it

.demo:focus-visible { outline: 3px solid #2f74c0; outline-offset: 3px; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.