iphone - 在 iPhone 中居中占位符文本

Question

我使用 HTML5 占位符属性进行文本输入。我可以将用户输入的文本居中，但不能将 iPhone 的占位符文本居中。

我试过以下方法：

input::-webkit-input-placeholder, 
input:-moz-placeholder,
::-webkit-input-placeholder,
:-moz-placeholder,
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input:-moz-placeholder, textarea:-moz-placeholder,
{ 
text-align:center; 
}

Answer 1

似乎像这样捆绑 webkit 和 moz 属性并不能很好地与 webkit 配合使用。尝试单独声明 webkit...

input:-moz-placeholder, :-moz-placeholder, 
input:-moz-placeholder, textarea:-moz-placeholder
{ 
text-align:center; 
}

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

Answer 2

如果您想将任何 CSS 应用于占位符，这里有一个很好的答案：

使用 CSS 更改 HTML5 输入的占位符颜色

对于颜色之类的东西，这似乎在 iOS 上运行得很好。此外，据此，这就是您在 iPhone 上将占位符居中所需的全部内容：

::-webkit-input-placeholder { /* WebKit browsers */
    text-align:center;
}

我已经在 iPhone (iOS 5.1.1)、iPad (iOS 5.0.1) 和 Safari (Win, 5.1.7) 上对此进行了测试。他们似乎都没有认识到这条规则。