如何在移动浏览器中禁用所有悬停效果?

时间:2013-07-21 09:47:49

标签: html mobile cross-browser

我正在开发HTML移动应用,现在我有一个错误 当我点击链接(jquery移动'点击'或只是'点击') - 我看到页面改变后的颜色跟踪。
有什么方法可以解决它吗? 我几乎是在iOS上用-webkit-tap-highlight-color: #ffffff;执行的 但它仍然使我的按钮更大(我使用按钮,如链接,$().click(function(){})
在Android的浏览器中,它看起来非常糟糕 CSS button:hover{/*the same styles as a button{} */} - 也不起作用。

谢谢。

UPD
我要禁用的屏幕截图上的橙色背景。
screen

1 个答案:

答案 0 :(得分:1)

正确的方法是:

*{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}