javascript - block :hover on link for iPad

Question

我有一个页面，其中的子链接使用 CSS 作为；

#leftNav .searchBySub {...} 
#leftNav a.searchBySub:hover {...} 
#leftNav .searchBySubClicked {...}

现在我的问题是在 iPad 上，应用了 :hover 样式....那么有什么方法可以在 iPad 上阻止它们

即说 iPad 应该将 CSS 视为；

#leftNav .searchBySub {...} 
#leftNav .searchBySubClicked {...}

我不能只从 CSS 中删除 :hover，因为在桌面和 iPad 上使用相同的 CSS。

我已经尝试了大部分基本的东西，比如

a[i].ontouchstart=function(e){  
e.stopPropagation();                                                  
e.preventDefault();                  
return false;
}    

Answer 1

作为Phil说，“检查移动操作系统并相应地包含不同的样式表。”

您可以为不同的浏览器应用不同的样式表。