any-pointer
any-pointer CSS 媒體特性用於測試使用者是否具有任何指標裝置（例如滑鼠），如果有，則測試其精度。
注意： 如果你想測試主要指標裝置的精度，請改用 pointer。
語法
any-pointer 特性由以下列表中的一個關鍵字值指定。
注意： 如果可用裝置具有不同的特性，則可以匹配多個值，但 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 |
瀏覽器相容性
載入中…