Android Webview去除蓝色链接边框

Question

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

- Stefan Dunn

Answer 1

出于可访问性的考虑，您不应该将触摸高亮颜色设置为透明。

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

1.) 删除tap-highlight-color

.btn {
    ....

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

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

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

3.) 在一些元素上，比如<a>，你可能会看到一个蓝色或橙色的边框，这只是表示焦点状态，要去掉这个边框：

.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);
}

- Matt Gaunt

Answer 2

我没有50个声望来发表评论。
以下是上面答案链接的主要内容。

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

rgba（）与rgb（）类似，但它需要第四个参数来表示不透明度。

- Muhammad Ababekri