Android浏览器在点击时出现绿色边框

Question

我想用 HTML、CSS 和 Javascript 开发 Web 应用程序，但有一件事非常让人烦恼，就是在 Android 浏览器中单击链接或按钮等元素时会被绿色边框突出显示。

为了说明我的意思，我在下面的链接中包含了一个使用 CSS 编写的基本游戏页面： http://marbles2.com/app/ 你知道有没有什么方法可以禁用这种绿色点击边框吗？

谢谢！

Paul

- Paul

---

嘿，那是一个非常有趣的游戏。我想把它做成一个安卓应用程序... - Derek

Answer 1

在你的CSS样式表（网站应用程序中的样式表）中添加以下内容：

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

- Legend

---

这肯定会禁用颜色，但需要注意的是这似乎是一种全有或全无的情况。例如，使用 -webkit-tap-highlight-color: rgba(255,255,255,1) 应该可以得到纯白色，但却再次得到了默认的绿色。 - RussellUresti

@RussellUresti：你说得对，问题不在于CSS，而是Android浏览器导致了绿色边框，所以唯一的办法是禁用它。据我所知，似乎没有改变边框颜色的方法。 - Legend

太好了。这对于任何用JavaScript编写Web游戏的人来说都是一种痛苦。 - mgiuca

Answer 2

用你自己的方式试试这个：

style="-webkit-tap-highlight-color:rgba(0, 0, 0, 0);"

希望这能帮到您。

- omt66