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 のメディア特性で、要素の上で停止することができる入力メカニズムが何らか利用できるかどうかを検査するために使用することができます。

構文

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月21日⁩ by MDN contributors.