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

Baseline Широко доступна

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

any-hover — CSS медиавозможность, которую можно использовать, чтобы проверить, может ли любой доступный механизм ввода наводить указатель на элементы.

Синтаксис

Медиавозможность any-hover задаётся ключевым словом, выбранным из приведённого ниже списка.

none: Ни один из доступных механизмов ввода не может удобно наводить указатель на элементы либо механизм ввода с указателем отсутствует.
hover: Один или несколько доступных механизмов ввода могут удобно наводить указатель на элементы.

Примеры

Проверка возможности наведения указателя с помощью методов ввода

HTML

<a href="#">Try hovering over me!</a>

CSS

@media (any-hover: hover) {
  a:hover {
    background: yellow;
  }
}

Результат

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

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

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`any-hover`	41	16	64	28	9	41	64	28	9	5.0	41	9

См. также

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

© 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-hover