CSS :focus-visible Selector

❮ Previous Selectors Next ❯

Example

.example:focus { 
  outline: 4px dashed red;
}
.example2:focus-visible {
  outline: 4px dashed red;
}
Try this code ❯

Meaning

The :focus-visible selector applies while an element matches the :focus pseudo-class and the UA (User Agent) determines via heuristics that the focus should be made evident on the element.

Version: CSS2



Standard Syntax

:focus-visible {
  css declarations;
}


Browser Support

The numbers in the table specify the first browser version that fully supports the property.



Status





❮ Previous Selectors Next ❯