any-hover

Baseline 已广泛支持

此功能已成熟,并可在许多设备和浏览器版本上运行。自 2018 年 12 月起,所有浏览器均支持此功能。

any-hover CSS 媒体特性 可用于测试任何可用的输入机制是否能够悬停在元素上。

语法

any-hover 特性被指定为从下面列表中选择的关键字值。

none

没有可用的输入机制能够方便地悬停,或者没有指向输入机制。

hover

一个或多个可用的输入机制可以方便地悬停在元素上。

示例

测试输入方法是否可以悬停

HTML

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

CSS

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

结果

规范

规范
媒体查询第 4 级
# any-input

浏览器兼容性

另见