黑莓浏览器自动插入蓝色背景

Question

我需要创建一个可以在Blackberry浏览器上运行的Web应用程序。我遇到的问题是：

各个页面上有几个文本框，它们都被赋予了CSS类。我需要使用border属性为它们全部添加1px实心黑色边框。但是，在将此border属性合并到Blackberry中时，出现了一个问题。一旦我点击编辑字段，Blackberry浏览器会以某种方式用蓝色背景填充文本框。请注意，iPhone和Android上没有看到这种行为。似乎Blackberry浏览器正在使用其默认行为。是否有任何方法停止Blackberry浏览器的自动行为，例如某些CSS属性、JavaScript或元标记？是否还有其他人遇到过类似的问题？

更深入的研究发现，实际上边框并没有使背景变成蓝色。但是，一旦我们包含border属性，它就会用默认的蓝色突出显示该元素。（同样，在点击图像时也是如此）。我尝试使用-webkit-tap-highlight-color属性来禁用它。但是，在iPhone上可以工作，但在Blackberry上不行。

- Varun Goel

---

是的，我有一部BB Bold 3手机，据我所知它对所有网站都这样做。 - Shoban

可能与 Chrome 相同，将蓝色边框突出显示文本字段，并在自动填充时添加黄色背景 :) 浏览器默认设置，就像 Ates 所说的那样。 - corroded

生锈：我在我的应用程序中没有看到Chrome的这种行为。虽然Chrome会自动创建一些暗黄色边框，但不是背景。尽管如此，我不必过多担心桌面浏览器，因为它的范围是移动浏览器。 :) - Varun Goel

更多的研究让我了解到CSS属性"outline:none"。Outline属性会导致任何元素被突出显示，但只要你使用outline:none，这个问题就得以解决 :) - Varun Goel

Answer 1

更多的研究让我了解到CSS属性"outline:none"。Outline属性会导致任何元素被突出显示。只要使用outline:none，问题就得到了解决。

- Varun Goel

Answer 2

最好不要覆盖浏览器的默认行为。黑莓用户可能已经习惯了蓝色高亮显示。它很可能是通过CSS伪类：focus添加的。如果你仍然想覆盖它，可以添加一个 input:focus { background: #fff; } 等规则。

- Ates Goral

---

感谢Ates的回复。再次审查后，我意识到我已经在我的代码中尝试过这个方法。但是，黑莓仍然表现出相同的行为。 - Varun Goel