any-hover

any-hover CSS 媒体特性 可以用来测试是否有任意可用的输入机制可以在元素上 hover。

语法

any-hover 使用下面列表的值作为关键字。

none
可用的输入机制里没有机制可以方便地 hover,或者不存在定点输入机制。
hover
一个或多个可用的输入机制可以方便地在元素上 hover。

示例

测试是否有输入机制可以 hover

HTML

<a href="#">Try hovering over me!</a>

CSS

@media (any-hover: hover) {
  a:hover {
    background: yellow;
  }
}

结果

规范

规范 状态 备注
Media Queries Level 4
any-hover
Candidate Recommendation Initial definition.

浏览器兼容性

BCD tables only load in the browser

更多资料