CSS

@媒体.任何悬停 | @media.any-hover

可以使用any-hover CSS @media媒体特性,来应用在基于任何可用的input 样式,决定样式是否可以悬停于元素之上。

语法

any-hover功能指定为从下面列表中选择的关键字值。

none没有可用的input 样式可以方便地悬停,或者没有指示输入机制。

例子

HTML

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

CSS

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

结果

规格

SpecificationStatusComment
Media Queries Level 4The definition of 'any-hover' in that specification.Working DraftInitial definition.

浏览器兼容性

FeatureChromeFirefox (Gecko)EdgeInternet ExplorerOperaSafari
Basic support41No support220 or earlier (12)Nightly build289 1

FeatureAndroidChrome for AndoridFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic supportNo support50No support236?9.2