any-hover
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.
语法
示例
测试是否有输入机制可以 hover
HTML
html
<a href="#">Try hovering over me!</a>
CSS
css
@media (any-hover: hover) {
a:hover {
background: yellow;
}
}
结果
规范
Specification |
---|
Media Queries Level 4 # any-input |
浏览器兼容性
BCD tables only load in the browser