: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
- svg
SVG is a language for describing two-dimensional graphics.
- scroll-behavior
Specifies the scrolling behavior for a scrolling box.
- aria-relevant
Indicates what notifications the user agent will trigger. "
- grid-template-columns
Specifies the track list for the grid’s columns.