iPhone中的中心佔位符文本

對於文本輸入使用HTML5佔位符屬性。我可以將用戶輸入的文本居中，但不能包含iPhones的佔位符文本。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; 
}

來源

2012-04-19 Evans

似乎捆綁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; 
}

來源

2012-04-19 14:37:04 hcharge

Doenst工作。不管怎麼說，還是要謝謝你。 – Evans 2012-04-19 14:50:47

是的，它是奇怪的，似乎只是一個狩獵問題 – hcharge 2012-04-19 14:54:11

我已經標記這是正確的，因爲我可以使用這些選擇器來更改iPhone上的文本顏色，所以我認爲集中文本一定是不可能的。不是最乾淨的解決方案，而是使用背景圖片來解決這個問題。希望文本重排變體跨設備不會是顯而易見的。謝謝 – Evans 2012-05-11 15:41:41

如果你想任何CSS應用到你的佔位符，有一個優秀的答案在這裏：

Change an HTML5 input's placeholder color with CSS

類的東西的顏色，這似乎只是工作在iOS上很好。另外，根據的是，這是所有你需要集中在iPhone上的佔位符：

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

我已經在iPhone（iOS版5.1.1）的iPad（iOS版5.0.1）和Safari瀏覽器測試了這個（Win，5.1.7）。他們都沒有認出這個規則。

來源

2013-04-22 12:58:07

iPhone中的中心佔位符文本

回答

相關問題