canisoon

:focus-visible CSS pseudo-class

74.28

CSS

The `:focus-visible` pseudo-class applies while an element matches the `:focus` pseudo-class, and the UA determines via heuristics that the focus should be specially indicated on the element (typically via a “focus ring”).

Further reading:

  1. Can I use page for: :focus-visible CSS pseudo-class
  2. Prototype for `:focus-visible`
  3. Chrome does not support CSS Selectors 4 :focus-visible
  4. Blink: Intent to implement :focus-visible pseudo class.
  5. Mozilla Developer Network (MDN) documentation - :-moz-focusring
  6. Microsoft Edge implementation suggestion
  7. Bugzilla: Add :focus-visible (former :focus-ring)
  8. Bugzilla: implement :focus-visible pseudo-class (rename/alias :-moz-focusring)
  9. WebKit bug #185859: [selectors] Support for Focus-Indicated Pseudo-class: `:focus-visible`