any-hover - CSS（层叠样式表） 编辑

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

语法

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

none

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

hover

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

示例

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

HTML

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

CSS

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

结果

规范

规范	状态	备注
Media Queries Level 4 any-hover	Candidate Recommendation	Initial definition.

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

更多资料

• the hover media feature