如何在所有瀏覽器中設置佔位符屬性的樣式？

Question

我有這樣的元素<input type="text" placeholder="lorem ipsum">。

如何在CSS中設置此placeholder屬性，以便它適用於所有瀏覽器？

Answer 1

輸入中的佔位符文本（在迄今爲止實現它的瀏覽器中）呈淺灰色。要設置它的樣式，您需要供應商前綴CSS屬性。

::-webkit-input-placeholder { 
    color: red; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    color: red; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    color: red; 
} 

:-ms-input-placeholder { 
    color: red; 
} 

您還可以檢查此非常類似的問題：

• Change an HTML5 input's placeholder color with CSS