Android：如何在单击链接时禁用webview中的默认橙色边框

Question

我正在使用JQueryMobile为Android开发一个hybird应用程序。任何知道如何在WebView中禁用令人讨厌的橙色边框的人，当我点击链接，按钮时，系统会添加这些边框。

我试过这些风格 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);和-webkit-tap-highlight-color: rgba(0, 0, 0, 0);并且100％确定它无法在我的设备上运行。

我可以在WebView中使用任何配置或编码来禁用边框吗？

Answer 1

在Nexus 10（Android 4.4.2）上测试过。 这对我有用：

.affected-element {
    outline: 1px solid transparent;
}

Answer 2

body,div{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

您正在寻找这段代码吗？

Answer 3

我有以下css在几个HTML元素中删除橙色轮廓：

div:focus, div:active, button:focus, button:active, a:focus, a:active { 
    outline: none; 
}

到目前为止，它对我来说效果很好;）