![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
![[强]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_79.6185c09.png)
![[尬笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_59.8a63cb5.png)
下头公司
获得徽章 0
赞了这篇沸点
赞了这篇沸点
CSS 的 :focus-visible 伪类可以区分一个元素是通过鼠标点击聚焦的，还是通过 Tab 键索引聚焦的。
这样就能实现以下的交互效果——点击 `<button>` 时不会出现 outline，而用 Tab 键索引时出现 outline。
demo 地址：
codepen.io
这样就能实现以下的交互效果——点击 `<button>` 时不会出现 outline，而用 Tab 键索引时出现 outline。
demo 地址：
codepen.io
展开
2
20