Black Lives Matter! ✊🏾

: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

  1. :focus-visible Is Here · Matthias Ott – User Experience Designer

    posted on by Matthias Ott

    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.

  2. Giving users and developers more control over focus

    posted on by Google

    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;
}