@媒体.任何悬停 | @media.any-hover
@media.any-hover
可以使用any-hover CSS @media媒体特性，来应用在基于任何可用的input 样式，决定样式是否可以悬停于元素之上。
语法
any-hover功能指定为从下面列表中选择的关键字值。
none没有可用的input 样式可以方便地悬停，或者没有指示输入机制。
hover一个或多个可用的input 样式可以方便地悬停在元素上。
例子
HTML
<a href="#">Try hovering over me!</a>CSS
@media (any-hover: hover) {
a:hover {
background: yellow;
}
}结果
规格
Specification | Status | Comment |
|---|---|---|
Media Queries Level 4The definition of 'any-hover' in that specification. | Working Draft | Initial definition. |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Edge | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic support | 41 | No support2 | 20 or earlier (12) | Nightly build | 28 | 9 1 |
Feature | Android | Chrome for Andorid | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | No support | 50 | No support2 | 36 | ? | 9.2 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
