Question

我有一个带有表单的webview，当我点击一个文本框进行输入时，这就是正在发生的事情：

Double Textbox

我的html表单上有这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, user-scalable=no" />

我正在使用三星galaxy tab 2，安卓冰淇淋三明治。我在蜂窝方面有相同的经验。

我尝试添加：

-webkit-transform: translate3d(0,0,0);

在容器和/或输入元素本身上，但没有任何效果。

感谢您对我如何解决此问题的想法！

编辑：

我的HTML：

        <td class='valign_top' style='width:30%; -webkit-transform: translate3d(0,0,0);'>
            <div class='cell_lbl'>P.O. Number:</div>
            <input type='text' name='po_number' id='po_number' style='width:100%;' />
        </td>

当我在内置浏览器中试用它时，它很精致。

Answer 1

你应该尝试应用这个：

-webkit-user-modify: read-write-plaintext-only;
-webkit-tap-highlight-color: rgba(255,255,255,0);

或者这个：

-webkit-user-modify: read-write-plaintext-only;
-webkit-tap-highlight-color:#3072af;

到您的输入框元素。

在Android ICS Webview上显示双重文本框

1 个答案: