Question

我对文本输入和密码字段的默认样式Sencha（或Android不确定）有问题，它在iOS设备和某些Android设备上运行正常，但HTC和其他人放置了他们可怕的默认样式（白色）背景和灰色边框）我无论如何都可以改变或隐藏。因为所有的布局看起来非常糟糕.... see the image please. 甚至Sencha Touch的样本也有同样的问题。 see please the second image here。如果你有任何建议，请问它是什么原因或者如何隐藏我会非常感激!!这是我为此尝试过的所有内容

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; 
}

提前致谢安德烈

Answer 1

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

如果您尝试移动焦点上的场，您应该看到该字段完好无损，请尝试以下css规则来查看现象：

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

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

所以试一试，希望它可以帮助你，并且适合你的需要。

文本字段样式在使用Sencha的应用程序中的Android设备上崩溃

1 个答案: