Testo segnaposto centrale in iPhone

Question

Im utilizzando l'attributo segnaposto HTML5 per un input di testo. Posso centrare il testo inserito dall'utente, ma non il testo segnaposto per iPhone.

Ive ha provato la seguente:

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

Sembra che l'accoppiamento di proprietà MOZ WebKit e così non gioca bene con WebKit. Prova dichiarando webkit separatamente ...

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

Se si desidera applicare qualsiasi CSS per i vostri segnaposto, c'è una risposta eccellente qui:

Change an HTML5 input's placeholder color with CSS

per cose come il colore, questo sembra funzionare bene su iOS. Inoltre, secondo questo, questo è tutto ciò che avresti bisogno di centrare i vostri segnaposto su iPhone:

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

Ho provato questo su iPhone (iOS 5.1.1), iPad (iOS 5.0.1) e Safari (Win, 5.1.7). Nessuno di loro sembra riconoscere questa regola.