hover

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2018年12月⁩.

该 hover CSS @media 可以根据用户的主要输入机制是否可以悬停在元素之上来应用样式。

语法

悬停功能指定为从下面列表中选择的关键字值。

html

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

css

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

Specification
Media Queries Level 4 # hover

This page was last modified on ⁨2025年11月6日⁩ by MDN contributors.