any-hover

Baseline 已廣泛支援

此功能已成熟,並可在許多裝置和瀏覽器版本上執行。自 2018 年 12 月起,所有瀏覽器均支援此功能。

any-hover CSS 媒體特性 可用於測試任何可用的輸入機制是否能夠懸停在元素上。

語法

any-hover 特性被指定為從下面列表中選擇的關鍵字值。

none

沒有可用的輸入機制能夠方便地懸停,或者沒有指向輸入機制。

hover

一個或多個可用的輸入機制可以方便地懸停在元素上。

示例

測試輸入方法是否可以懸停

HTML

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

CSS

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

結果

規範

規範
媒體查詢第 4 級
# any-input

瀏覽器相容性

另見