CSS :focus-visible 伪类

定义和用法

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

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

实例

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

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

亲自试一试

CSS 语法

:focus-visible {
  css declarations;
}

技术细节

版本： CSS4

浏览器支持

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

Chrome Edge Firefox Safari Opera
86 86 85 15.4 72

Laman yang berkaitan

Panduan：Pseudo-kelas CSS

Rujukan：Pseudo-kelas :focus CSS