any-hover

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

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

Свойство CSS среды может использоваться для проверки, может ли любой доступный механизм ввода наводить указатель мыши на элементы.

Функция any-hover задается как ключевое слово из списка ниже.

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

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

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

Спецификация
Спецификация по запросам к среде уровня 4 # any-input

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

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