當然我們今天討論的不是placeholder這個屬性，而是設定placeholder的文字樣式的選擇器。

火狐和webkit核心瀏覽器的屬性名字不一樣，誰叫不是一個娘生的呢。

• /* webkit 瀏覽器*/
• #field1::-webkit-input-placeholder { color:#00f; }
• #field2::-webkit-input-placeholder {
• color:#090;
• background:lightgreen;
• text-transform:uppercase;
• }
• #field3::-webkit-input-placeholder {
• font-style:
  italic;
• text-decoration:overline;
• letter-spacing:3px;
• color:#999;
• }
• /* 火狐瀏覽器 */
• #field1::-moz-placeholder { color:#00f; }
• #field2::-moz-placeholder {
• color:#090;
• background:lightgreen;
• text-transform:uppercase;
• }
• #field3::-moz-placeholder {
• font-style:italic;
• text-decoration:overline;
• letter-spacing:
  3px;
• color:#999;
• }

當然，和CSS設定::selection選中文字樣式一樣，你只能設定幾個和文字有關係的CSS樣式：Color, font-style, font-varian, background, text-decoration
例項demo

PS：IE從IE 10才開始支援placeholder屬性，偽選擇器名字還不得而知，估計是加字首-ms-了