iPhone中的中心占位符文本

Eva*_*nss 6 css iphone html5

我使用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; 
}
Run Code Online (Sandbox Code Playgroud)

hch*_*rge 3

似乎像这样捆绑 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; 
}
Run Code Online (Sandbox Code Playgroud)

  • 我已经将其标记为正确的,因为我可以使用这些选择器来更改 iPhone 上的文本颜色,所以我认为将文本居中肯定是不可能的。这不是最干净的解决方案,但我使用文本背景图像来解决这个问题。希望跨设备的文本渲染变化不会那么明显。谢谢 (2认同)