在Android 2.2 Web浏览器中使用输入进行绝对定位

时间:2012-08-20 10:19:14

标签: html css css3 mobile-website

似乎android决定在用另一个输入聚焦时覆盖输入...

因此,它会破坏布局,例如,如果您查看此图像

Android 2.2 Positing Issue

DOM中只有两个输入,所以我不确定android在何处或如何操作此输入以在屏幕上绘制它。

所以我要做的就是删除屏幕上绘制的浮动输入,没有明显的原因。

1 个答案:

答案 0 :(得分:1)

我在这个问题中使用了以下代码:

input[type=text]
{
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(0deg); 
    -moz-transform: rotateY(0deg); 
    transform: rotateY(0deg);
}

但是我注意到密码仍然会有覆盖,所以为了解决这个问题,我将输入字段从密码字段转移到文本字段并应用以下css:

input.passwordField {
    -webkit-text-security: disc;
}

Disable Android browser's input overlays?