html - 如何禁用移动浏览器中的所有悬停效果？

Question

我正在开发 HTML 移动应用程序，现在我有一个错误。
当我点击链接时（jquery mobile '点击'或只是'点击'） - 我看到页面更改后的颜色痕迹。
有什么办法可以解决吗？
我几乎做到了iOS， -webkit-tap-highlight-color: #ffffff;
但它仍然使我的按钮更大（我使用链接之类的按钮，$().click(function(){})
在 Android 的浏览器中它看起来非常非常糟糕
。CSS button:hover{/*the same styles as a button{} */}- 也不起作用。

谢谢你。

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

Answer 1

正确的方法是：

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