3

我在文本输入和密码字段的 Sencha 的默认样式（或 Android 不确定）上遇到问题，它在 iOS 设备和某些 android 设备上工作正常，但 HTC 和其他人把他们糟糕的默认样式（白色背景和灰色边框），我无法更改或隐藏。正因为如此，所有的布局看起来都非常糟糕...... 请看图片。 即使是 Sencha Touch 的样品也有同样的问题。 请参阅此处的第二张图片。如果您有任何建议是什么原因或如何隐藏，我将不胜感激！！这就是我为此所做的一切

input { 
background: transparent !important; 
border: 0 transparent !important; 
-webkit-appearance: none; 
} 
input[type=text] { 
background: transparent !important; 
border: 0 transparent !important; 
-webkit-appearance: none; 
}
input:focus{ 
outline:none; 
background: transparent !important; 
border-color: transparent !important; 
-webkit-focus-ring-color: transparent; 
-webkit-appearance: none; 
}

在此先感谢安德烈

4

1 回答 1

0

您所看到的实际上是一个 Android“功能”，它在您的样式输入字段之上生成一个本机控件。

如果您尝试将您的领域移动到焦点上，您应该会看到该领域是完整的，请尝试以下 css 规则来查看现象：

input:focus {
    position: absolute;
    left: -20px;
}

您可以做的是尝试设置-webkit-user-modify: read-write-plaintext-only;在某些手机上可以使用的功能（不确定< 2.3），但可能会破坏某些功能。例如，对于数字字段，您仍然会得到一个 qwerty 键盘而不是数字键盘等。

所以尝试一下，希望它对您有所帮助并适合您的需求。

于 2012-09-12T12:45:30.117 回答