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