Center-Platzhaltertext im iPhone

Question

Im Verwenden des HTML5-Platzhalterattributs für eine Texteingabe. Ich kann den Text zentrieren, den der Benutzer eingibt, aber nicht den Platzhaltertext für iPhones.

Ive versucht, die folgenden:

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

Es scheint, dass wie die Webkit und moz Eigenschaften Bündelung nicht gut mit webkit spielt. Versuchen Sie webkit erklärt separat ...

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

Wenn Sie CSS auf Ihre Platzhalter anwenden möchten, gibt es eine ausgezeichnete Antwort hier:

Change an HTML5 input's placeholder color with CSS

Für Dinge wie Farbe, das scheint nur zu arbeiten, gut auf iOS. Auch nach dem, das ist alles, was Sie müssen Ihre Platzhalter auf dem iPhone zum Zentrum:

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

Ich habe das auf dem iPhone getestet (iOS 5.1.1), iPad (iOS 5.0.1) und Safari (Sieg, 5.1.7). Keiner von ihnen scheint diese Regel zu erkennen.