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;
}