:focus-visible
The :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the user agent determines via heuristics that the focus should be made evident on the element. 9.4. The Focus-Indicated Pseudo-class: :focus-visible
Links about :focus-visible
:focus-visible Is Here · Matthias Ott – User Experience Designer
Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.
Giving users and developers more control over focus
Chrome 86 introduces two new features that improve both the user and developer experience when it comes to working with focus The :focus-v...
Code sample
*:focus-visible {
outline: 2px solid #F0F;
}Explore other pages
- :focus-visible
Applies if the user agent determines via heuristics that the focus should be made evident.
- multiple
Enables form controls to accept one or more values.
- progress
Represents the completion progress of a task.
- aria-describedby
Identifies the element (or elements) that describes the object.