Я обернул CSS запросы при наведении курсора в селекторы медиазапроса следующим образом:
@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.btn-primary:hover {
...
}
}
Это гарантирует, что на сенсорных устройствах не будет зависания при наведении курсора (префиксы -ms предназначены для IE11).
Однако, поскольку мои сайты используют размещенные в CDN библиотеки, такие как Bootstrap, , правила наведения из этой библиотеки теперь сохраняются , поскольку они не включены в такой запрос. Теперь я эффективно убрал проблему из своей кодовой базы, но не могу избавиться от этих правил, производных от CDN.
Ранее я использовал Modernizr для добавления классов [no-]touchevents в тело, но версии 3.7 Впоследствии, похоже, возникают проблемы в том, как лучше всего обнаружить сенсорные или не сенсорные устройства, поэтому обоснование этого изменения
Кажется, я не могу найти решение этой проблемы, несмотря на обильный поиск в StackOverflow и в Google. , Многие поиски в какой-то момент находят решения go, и, конечно, ничего такого, что соответствует этой проблеме.
Я добавил Codepen, чтобы показать эту проблему - https://codepen.io/sassquad/full/f0b120dbd51c5f1857c24ff6d78ddb80
Любые «указатели» приветствуются. Заранее спасибо.