Android webview 去掉蓝色链接边框答案

【问题标题】：Android webview remove blue link borderAndroid webview 去掉蓝色链接边框
【发布时间】：2012-04-13 10:11:53
【问题描述】：

在我的应用程序中使用 webview 时，每次单击链接时，都会有一个蓝色框突出显示文本或图像。有没有办法从 webview 中删除这个功能？

【问题讨论】：

【解决方案1】：

出于可访问性的原因，您不应该只是将水龙头高亮颜色设置为透明。

对于您想要完全控制的元素：

1.) 移除 tap-highlight-color

.btn {
    ....

    -webkit-tap-highlight-color: transparent;
}

2.) 添加新的 :active 状态（在本例中设置背景颜色

.btn:active {
    background-color: rgba(100, 100, 100, 1.0);
}

3.) 在某些元素上，例如您可能会看到蓝色或橙色边框，这只是为了在焦点状态下移除边框：

.btn {
    ....
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}

4.) 添加一个 :focus 状态

.btn:focus {
    background-color: rgba(200, 200, 200, 1.0);
}

5.) 对于奖励积分，添加 :focus:active 状态

.btn:focus:active {
    background-color: rgba(150, 150, 150, 1.0);
}

【讨论】：

【解决方案2】：

没有 50 声望来发表评论。
打击是上面答案中链接的主要内容。

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

rgba() 和 rgb() 一样，但它需要第四个参数来表示不透明度。

【讨论】：