Web platform features explorer

: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.

Status

Baseline Widely Available (since 2024-09-14)

MDN documentation

Browser support (view on caniuse.com)

  • Chrome 86 Released on 2020-10-20
  • Chrome Android 86 Released on 2020-10-20
  • Edge 86 Released on 2020-10-09
  • Firefox 85 Released on 2021-01-26
  • Firefox for Android 85 Released on 2021-01-26
  • Safari 15.4 Released on 2022-03-14
  • Safari on iOS 15.4 Released on 2022-03-14

Developer signals

Usage (according to Chrome Platform Status)

~51.410% of page loads. More data at chromestatus.