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 December 2018.

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