Văn bản trình giữ chỗ của Trung tâm trong iPhone

Question

Im sử dụng thuộc tính trình giữ chỗ HTML5 cho kiểu nhập văn bản. Tôi có thể căn giữa văn bản mà người dùng nhập vào, chứ không phải văn bản trình giữ chỗ cho iPhone.

Ive thử như sau:

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

Có vẻ rằng bundling webkit và tài sản MOZ như vậy không chơi độc đáo với webkit. Hãy thử tuyên bố webkit riêng ...

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

Nếu bạn muốn áp dụng bất kỳ CSS để giữ chỗ của bạn, có một câu trả lời tuyệt vời ở đây:

Change an HTML5 input's placeholder color with CSS

Đối với những thứ như màu sắc, điều này dường như chỉ làm việc tốt trên iOS. Ngoài ra, theo đó, đây là tất cả những gì bạn cần để căn giữa giữ chỗ trên iPhone:

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

Tôi đã thử nghiệm điều này trên iPhone (iOS 5.1.1), iPad (iOS 5.0.1) và Safari (Giành chiến thắng, 5.1.7). Không ai trong số họ dường như nhận ra quy tắc đó.