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

Question

我正在使用 JQueryMobile 为 android 开发一个混合应用程序。任何知道如何禁用 WebView 中令人讨厌的橙色边框的人，这些边框是在我单击链接、按钮时由系统添加的。

在此处输入图像描述

我尝试了这些样式 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); ，-webkit-tap-highlight-color: rgba(0, 0, 0, 0);并且 100% 确定它在我的设备上不起作用。

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

score 2 · Accepted Answer

在 Nexus 10 (Android 4.4.2) 上测试。这对我有用：

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

score 1 · Accepted Answer

1

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

这段代码是你要找的吗？

于 2013-09-23T08:03:51.853 回答

score -1 · Accepted Answer

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

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

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

3 回答 3