Эффект Hover на iPad не уходит

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

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

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

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

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

1 ответ

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

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

licensed under cc by-sa 3.0 with attribution.