2014-09-23 52 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; 
}