android中的中心对齐占位符问题答案

【问题标题】：Center align placeholder issue in androidandroid中的中心对齐占位符问题
【发布时间】：2013-09-29 17:01:27
【问题描述】：

在我的 android 应用程序中有 webview 来显示 html。在 webview 中，对于输入字段，我们希望占位符居中对齐。摆放方式

-webkit-input-placeholder {text-align: center;}

但占位符未对齐中心。当我们测试时，它在浏览器上运行良好。有人可以帮我吗？

【问题讨论】：

标签： android webview placeholder

【解决方案1】：

  ::-webkit-input-placeholder {text-align: center;}

试试这个。

或者

<!DOCTYPE html>
<html>
<head>
    <style>
        input::-webkit-input-placeholder
        {
            text-align: center;
        }
    </style>
</head>
<body>
    <input type="text" placeholder="asdf" />
</body>
</html>

【讨论】：

您好，很抱歉给您带来不便，因为您的建议。我编辑了我的问题。谢谢。
不走运，它不适用于 android，并且在 android 设备上仍然显示为左对齐。
@Pankaj 兄弟。我给你一个新的答案试试这个。
并检查此链接stackoverflow.com/questions/7381446/…
还有人有什么建议吗？我也遇到了完全相同的问题。它以浏览器为中心，但不在 android webview 中。

【解决方案2】：

Android在这里有一个错误:(，居中不起作用。你可以使用这个polyfill：https://github.com/diy/jquery-placeholder，它支持“force”属性。这个属性使它甚至可以在“支持”占位符的浏览器上运行，像安卓。

$('#myInput').placeholder({force:true});

然后使用常规的 CSS 来设置插件提供的占位符类的样式

.placeholder{
  text-align: center;
}

【讨论】：