any-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月⁩.

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

语法

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

html

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

css

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

Specification
Media Queries Level 4 # any-input

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