使用placeholder伪元素修改输入框默认文字颜色

Placeholder 是HTML5新引入的一个属性,允许在<input>元素中添加默认文字,比如本站右上角的搜索框中默认的文字就是这样实现的.默认情况下,这些文字会呈现浅灰色,但如果你的设计需要将输入框的背景调整为灰色,那么默认文字就看不清楚了,这时候可以通过css3中引入的placeholder伪元素来修改默认文字的颜色.

下面的代码将所有<input>元素的默认文字颜色改为青色:

其中在Firefox 19之前,placeholder是通过伪类实现的,之后改为使用伪元素,而且由于是新引入的属性,各个浏览器的兼容还不太好:)

更多信息可以查看mozilla的开发文档:::-moz-placeholder