1. 面向开发者的 Web 技术
  2. CSS：层叠样式表
  3. CSS 参考
  4. @ 规则
  5. @media
  6. any-hover

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

any-hover

基线
广泛可用

自 2018年12月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

any-hover CSS 媒体特性 可以用来测试是否有任意可用的输入机制可以在元素上 hover。

语法

any-hover 使用下面列表的值作为关键字。

none

可用的输入机制里没有机制可以方便地 hover，或者不存在定点输入机制。

hover

一个或多个可用的输入机制可以方便地在元素上 hover。

示例

测试是否有输入机制可以 hover

HTML

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

CSS

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

结果

规范

规范
Media Queries Level 4
# descdef-media-any-hover

浏览器兼容性

更多资料

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题