CSS :focus-visible 伪类

定义和用法

CSS :focus-visible 伪类用于仅在通过键盘聚焦时应用焦点样式，而不是通过鼠标聚焦时。

这可以与 :포커스 结合使用，为键盘焦点和鼠标/触摸焦点创建不同的焦点样式。

实例

选择并设置通过键盘 Tab 键获得焦点的按钮的样式：

button:focus-visible {
  outline: 2px solid red;
}

亲自试一试

CSS 语法

:focus-visible {
  css declarations;
}

技术细节

版本： CSS4

浏览器支持

표中的数字指定了完全支持该伪类的首个浏览器版本。

크롬 에지 파이어폭스 사파리 오페라
86 86 85 15.4 72

관련 페이지

교육:CSS 패seudo-클래스

참조:CSS :포커스 패seudo-클래스