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

構文

any-hover 特性は、以下の一覧のうち一つのキーワード値で指定します。

none

差支えなく停止することができる入力メカニズムがないか、またはポインティング入力メカニズムがない。

hover

一つ以上の入力メカニズムが、要素の上で差支えなく停止することができる。

入力手段が停止をすることができるかどうかを検査

HTML

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

CSS

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

結果

仕様書

Specification
Media Queries Level 4
# any-input

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
any-hover media feature

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報