html - 如何在 MobileSafari iPad1 上对齐文本（右/中）

Question

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

见小提琴：输入文本对齐

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

Answer 1

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

Answer 2

我没有 iPad 来测试它，但是由于 Safari 使用 web-kit 引擎，您可以尝试以下代码：

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

Answer 3

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