Tekst zastępczy środka w iPhone'ie

Question

Im używam atrybutu zastępczego HTML5 do wprowadzania tekstu. Mogę wyśrodkować tekst wprowadzany przez użytkownika, ale nie tekst zastępczy dla iPhone'ów.

Ive próbowałem następujące:

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

Wydaje się, że łączenie WebKit i właściwości MOZ tak nie gra ładnie z WebKit. Spróbuj deklarując WebKit osobno ...

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

Jeśli chcesz zastosować żadnego CSS Twoje zastępcze, jest to doskonała odpowiedź tutaj:

Change an HTML5 input's placeholder color with CSS

rzeczy jak kolor, to wydaje się działać dobrze na iOS. Ponadto, zgodnie z tym, jest to wszystko trzeba by wyśrodkować swoje zastępcze na iPhone:

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

Przetestowałem to na iPhone (iOS 5.1.1), iPad (iOS 5.0.1) i Safari (Win, 5.1.7). Żadne z nich nie rozpoznaje tej reguły.