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