如何在Mobile Safari iPad 1上对齐文本（右/中）

Question

我正在尝试对齐输入字段中心或右边的文本和占位符。这适用于使用text-align属性的所有浏览器，但在iPad 1上的移动Safari中失败。文本本身已对齐，但占位符文本始终保持在左侧。

请参阅小提琴：input-text-alignment

如何在iPad 1上对齐占位符文字？

Answer 1

form input {
    height: 40px;
    width: 200px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid  gray;
    text-align: center;

}

form {
    margin:auto;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

Answer 2

我没有iPad来测试它，但是由于Safari使用网络套件引擎，您可以尝试以下代码：

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

Answer 3

尝试更改显示属性。这可以解决您的输入元素display: inline-block;之类的问题。