Android webview去除蓝色链接边框

Question

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

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.) 在某些元素上，例如您可能会看到蓝色或橙色的边框，这只是焦点状态，要移除边框:

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