hover

Baseline 已廣泛支援

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

hover CSS 媒體特性可用於測試使用者主要輸入機制是否能夠懸停在元素上。

語法

hover 特性以從下方列表中選擇的關鍵字值指定。

none: 主要輸入機制完全無法懸停或無法方便地懸停（例如，許多移動裝置在使用者進行不方便的長按時模擬懸停），或者沒有主要指標輸入機制。
hover: 主要輸入機制可以方便地懸停在元素上。

示例

HTML

html

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

CSS

css

/* default hover effect */
a:hover {
  color: black;
  background: yellow;
}

@media (hover: hover) {
  /* when hover is supported */
  a:hover {
    color: white;
    background: black;
  }
}

結果

規範

規範
媒體查詢第 4 級 # hover

瀏覽器相容性

另見

幫助改進 MDN

瞭解如何貢獻

本頁面最後由MDN 貢獻者於2025年7月14日修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題