Cordova 3.4 Android - 专注于输入导致 div 移动/创建边框答案

【问题标题】：Cordova 3.4 Android - Focus on input causes div to move / creates a borderCordova 3.4 Android - 专注于输入导致 div 移动/创建边框
【发布时间】：2014-04-05 11:20:34
【问题描述】：

仅在 Android / Cordova 中，当专注于输入框时，无论是文本字段还是下拉字段，“视图”都会闪烁，一旦您专注于输入，整个屏幕就会略微向下和向右移动以显示左侧和顶部的边框。它似乎也将图像在其他视图中不成比例地拉伸，并且在关注输入后不可能使视图恢复正常。

我假设白色边框是页面最后面的主体，但我无法确定为什么会发生这种情况以及为什么其他一些图像在这个焦点之后会被拉伸。

这在 iOS 上不会发生，并且可以在多个版本的 android 上复制。

【问题讨论】：

标签： android cordova input border

【解决方案1】：

这是因为 ChromeView 为焦点元素添加了边框（在我的例子中它是橙色的）。当您将 CSS 中的以下行应用于正文中的每个元素时，它应该消失了。

outline: none !important;

【讨论】：

天才！这甚至没有引起我的注意，因为它使整个视图变得混乱，而不仅仅是输入。 * { outline: none !important; } 成功了！
没问题:)。编码愉快。