如何在所有浏览器中设置占位符属性？

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