此页面由社区从英文翻译而来。了解更多并加入 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
# any-input

浏览器兼容性

更多资料