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

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

本页面最后由MDN 贡献者于2025年7月14日修改。

在 GitHub 上查看此页面 • 报告此内容的问题