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应用于占位符，那么这里有一个很好的答案：

Change an HTML5 input's placeholder color with CSS

对于像color这样的东西，这似乎在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）上进行了测试。他们似乎都没有认识到这一规则。

iPhone中的中心占位符文本

2 个答案: