悬停

hover CSS 媒体特征 可以用来测试用户的 *主要* 输入机制是否可以悬停在元素上。

语法

hover 特征被指定为从以下列表中选择的关键字值。

none

主要输入机制无法悬停,或者无法方便地悬停(例如,许多移动设备在用户执行不方便的长按操作时模拟悬停),或者没有主要指向输入机制。

悬停

主要输入机制可以方便地悬停在元素上。

示例

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
# 悬停

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见