:focus-visible
Widely available
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.
To learn more, see
:focus-visible at MDN.
Compatibility (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