hover

Baseline 已广泛支持

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

hover CSS 媒体特性 可用于测试用户主要输入机制是否能够悬停在元素上。

语法

hover 特性以从下方列表中选择的关键字值指定。

none

主要输入机制完全无法悬停或无法方便地悬停(例如,许多移动设备在用户进行不方便的长按时模拟悬停),或者没有主要指针输入机制。

hover

主要输入机制可以方便地悬停在元素上。

示例

HTML

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

CSS

css
/* default hover effect */
a:hover {
  color: black;
  background: yellow;
}

@media (hover: hover) {
  /* when hover is supported */
  a:hover {
    color: white;
    background: black;
  }
}

结果

规范

规范
媒体查询第 4 级
# hover

浏览器兼容性

另见