Медиавозможность CSS `any-pointer`

Базовая поддержка Широко доступна

Эта возможность хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с декабря 2018 года.

any-pointer CSS-медиавозможность проверяет, есть ли у пользователя какое-либо указательное устройство (например, мышь), и, если есть, насколько оно точное.

Примечание: Чтобы проверить точность основного указательного устройства, используйте вместо этого pointer.

Синтаксис

Медиавозможность any-pointer задаётся одним из ключевых слов из списка ниже.

none: Указательное устройство недоступно.
coarse: По крайней мере один способ ввода включает указательное устройство с ограниченной точностью.
fine: По крайней мере один способ ввода включает точное указательное устройство.

Примечание: Если доступные устройства обладают разными характеристиками, могут совпасть несколько значений, хотя none совпадает, только когда ни одно из них не является указательным устройством.

Примеры

В этом примере создаётся небольшой флажок для пользователей, у которых есть хотя бы одно точное указательное устройство, и большой флажок для пользователей, у которых есть хотя бы одно указательное устройство с ограниченной точностью. Большой флажок имеет приоритет, поскольку он объявлен после маленького.

HTML

<input id="test" type="checkbox" /> <label for="test">Look at me!</label>

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;
  }
}

Результат

Спецификации

Спецификация
Media Queries Level 4 # descdef-media-any-pointer

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`any-pointer`	41	12	64	28	9	41	64	28	9	4.0	41	9

См. также

Медиавозможность pointer

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/any-pointer