@媒体.任何悬停 | @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;
}
}
结果
规格
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 |