Эффект Hover на iPad не сработает

Question

У меня есть эффект наведения на мое меню для одностраничного веб-сайта, когда на рабочем столе пользователя при наведении на навигационную ссылку цвет меняется на #ed1c28

.nf-navbar .navbar-collapse a:hover {
   color: #ed1c28;
}

и когда пользователь нажимает навигационную ссылку, страница прокручивается вниз для этого раздела

 $("html, body").animate({
    scrollTop: ($(winHash).offset().top) + "px"
 }, {
    duration: 1000
 });

Это хорошо для рабочего стола. Но на iPad, когда пользователь нажимает на навигационную ссылку, активируется эффект наведения, и цвет ссылки меняется на #ed1c28 и страницу прокрутите до раздела, но цвет все равно останется прежним #ed1c28 означает, что эффект наведения все еще включен. как я могу отключить это?

Answer 1

Попробуйте добавить активные:

.nf-navbar .navbar-collapse a:active {
   color: #00000;
}