Тестирую на устройстве с ios 9 и при клике срабатывает стиль hover. Как сделать, чтобы стиль наведения не срабатывал на мобильных устройствах?
.no-touch a:hover { color: red }
if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
console.log('this is a touch device');
} else {
console.log('this is not a touch device');
document.body.classList.add('no-touch');
}
body.no-touch {
background-color: blue;
}
a {
color: yellow
}
.no-touch a:hover {
color: lightgreen;
}
<a href="#">ссылка для примера</a>
Попробуй поместить hover-стили в медиа-запрос на pointer
@media (pointer: fine) {
Хотя такой вариант попрортит стили в браузерах, т. к. много где не поддерживается.
Лучше выставить стили без hover для :hover
в
@media (pointer: coarse) {
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Виртуальный выделенный сервер (VDS) становится отличным выбором
Можно ли, одним запросом, получить данные из 3-х таблиц,
У меня есть код, в котором экземпляр класса, реализующего интерфейс Iterable, помещен в цикл foreach, и это не только не вызывает у компилятора возражений,...
ЗдравствуйтеЗаинтересовался реализацией выделением нот и распознаванием сигналов исходя из нот