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 |
相关页面
教程：CSS 伪类