any-pointer

**any-pointer** CSS 媒体特性 测试用户是否拥有任何指向设备(例如鼠标),如果有,其准确度如何。

注意:如果您想测试指向设备的准确性,请改用 pointer

语法

any-pointer 特性被指定为从以下列表中选择的关键字值。

none

没有指向设备可用。

coarse

至少有一种输入机制包含精度有限的指向设备。

fine

至少有一种输入机制包含精确的指向设备。

注意:如果可用设备具有不同的特性,则可能有多个值匹配,尽管none 仅在没有任何指向设备时才匹配。

示例

此示例为至少有一个精细指针的用户创建一个小型复选框,为至少有一个粗略指针的用户创建一个大型复选框。大型复选框优先,因为它是在小型复选框之后声明的。

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 表格仅在浏览器中加载

另请参阅