2

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

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

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

--- 问题的复制 ---

我的 Android 应用程序和原生 Android 浏览器...

在此处输入图像描述

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

在此处输入图像描述

由于它可以在 Chrome 中运行，因此它必须可以修复。我曾认为 Chrome 是开源的，所以我试图找到他们的源代码，以便找到解决方案。Android Chrome 的源代码不可用，因此它不是开源的。

4

4 回答 4

5

深入 google.com，他们的输入没有亮点。他们所拥有的是：

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

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

于 2012-12-18T02:06:55.467 回答
3

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

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

outline: none;
box-shadow: none; /* If this is a box shadow - clear it with this */
于 2012-09-29T17:15:25.127 回答
1

回复：这个修复：

input:focus { -webkit-user-modify: read-write-plaintext-only; }

我在运行 4.0.4 的 s3 上对此进行了测试（我们遇到了另一个与输入字段相关的问题）

它会导致一个问题，即打开预测文本时文本无法正确填充字段，我不建议使用它。

输入未正确填充字段的问题（在您按下空格后仅输入您键入的每个单词的第一个字符！！）也可以通过在具有绝对定位的元素中包含输入字段来触发..

这就是我们最初的问题的原因——可能值得另一个堆栈溢出帖子。

于 2012-11-27T08:49:43.990 回答
0

我认为这与 css/javascript 无关。

当我在设备设置中启用“改进 Web 可访问性”时，我已经看到了这种行为。

尝试进入您的设备常规设置（不是浏览器的设置），可访问性，并检查您是否有类似“提高 Web 可访问性”的内容（抱歉，我的设备语言是法语，我不确定英文的确切名称）。

选中此选项后，您将在网页上的可编辑/可点击内容周围看到橙色的大边框。

于 2013-01-16T16:00:11.160 回答