any-pointer
语法
示例
此示例为至少有一个精细指针的用户创建一个小型复选框,为至少有一个粗略指针的用户创建一个大型复选框。大型复选框优先,因为它是在小型复选框之后声明的。
HTML
html
<input id="test" type="checkbox" /> <label for="test">Look at me!</label>
CSS
css
input[type="checkbox"]:checked {
background: gray;
}
@media (any-pointer: fine) {
input[type="checkbox"] {
appearance: none;
width: 15px;
height: 15px;
border: 1px solid blue;
}
}
@media (any-pointer: coarse) {
input[type="checkbox"] {
appearance: none;
width: 30px;
height: 30px;
border: 2px solid red;
}
}
结果
规范
规范 |
---|
媒体查询级别 4 # any-input |
浏览器兼容性
BCD 表格仅在浏览器中加载