对于 Android > 4.0 Webkit，禁用焦点文本输入的矩形（橙色边框）

Question

我正在构建一个具有很酷的搜索输入的网络应用程序。然而，当我单击输入开始输入时，输入框会以蓝色边框突出显示，这很好，而且看起来不错，但除此之外，文本输入上方还会出现一个带有橙色边框的白色矩形，看起来非常糟糕。

我已经尝试了几种解决方案，但没有一个有效。（CSS 样式解决方案将 alpha 更改为 0 等。）[但是如果你能让它们在 android 4.0 和/或更高版本上工作，那么也许我做错了，我会再试一次]

其他人说这些解决方案不适用于较新的 Android 操作系统，这也是我的经验。我个人运行的是Android 4.0.4。

--- 问题的复制 ---

我的 Android 应用程序和本机 Android 浏览器...

适用于 Android 的 Chrome 浏览器...[ 工作正常！]

既然它可以在 Chrome 中运行，那么它一定是可以修复的。我原以为 Chrome 是开源的，所以我试图找到他们的源代码，这样我就有可能找到解决方案。Android Chrome 的源代码不可用，因此它不是开源的。

Answer 1

您是否尝试过将outline样式设置为none焦点？你说你尝试过 css 解决方案，但你尝试过什么？

在我看来，它就像一个焦点大纲，非常标准，可以用

outline: none;
box-shadow: none; /* If this is a box shadow - clear it with this */

Answer 2

深入研究 google.com，他们的输入没有突出显示。他们所拥有的是这样的：

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

这样就清除了丑陋的橙色、畸形的矩形。