:focus-visible

The :focus-visible CSS pseudo-class selects elements that match the :focus pseudo-class and meets the browser's criteria for visually emphasizing focused elements.

Baseline Status: Achieved Widely Available on Sep 14, 2024 (Cross-browser Newly Available since Mar 14, 2022).

Desktop Browser Engine Support

Google Chrome

86

Supported

Mozilla Firefox

85

Supported

Apple Safari

15.4

Supported

Microsoft Edge

86

Supported

Mobile Browser Engine Support

Chrome Android

86

Firefox Android

85

Safari iOS

15.4

Specifications and References

Specification ↗ Can I Use (css-focus-visible) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.focus-visible ↗