2014-09-23 49 views
0

我已经在我的菜单,一个页面的网站上悬停效果,在台式机,当用户将鼠标悬停的导航链接的颜色变成#ed1c28悬停效果不会关闭

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

,当用户点击导航链接,页面向下滚动该部分

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

它适用于桌面。但在iPad上,当用户点击导航链接时,悬停效果被激活,链接颜色变为#ed1c28,页面滚动到该部分,但颜色仍然保持不变#ed1c28意味着悬停效果依然存在。我怎么把它关掉?

+1

http://stackoverflow.com/questions/10642953/mobile-safari-links-retains-focus-after-touch这对于任何帮助吗? – 2014-09-23 11:24:31

回答

0

尝试增加活跃:

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