话不多说，直接上代码：
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; font-size: 16px; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; font-size: 16px; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; font-size: 16px; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; font-size: 16px; }
注意：
1、WebKit, Blink, Edge 浏览器等需要带上 -webkit- 前缀，且是双冒号，写的时候还要带上input
2、针对火狐浏览器则有两种写法，一种是针对低版本的，一种是针对高版本的，二者都需要带上-moz-前缀。要点1：火狐低版本的使用冒号（:），而高版本的使用双冒号（::）；要点2：火狐浏览器不需要像webkit内核那样要带上input。
3、由于 placeholder 属性只在IE10+才支持，因此，针对IE10、IE11的写法是加上-ms-前缀，使用的是冒号（:），需要带上input
特别强调：冒号与双冒号的问题，还有是否需要加上input
不用CSS得到同样效果的方法：
<input type="text" value="placeholder text" onfocus="this.style.color='#000';this.value='';" style="color: #f00;"/>
这个方法也不是很友好，当内容输入一半若点击到文本框外的地方，再重新输入的时候，前面输入的内容为空了 o'o 所以还是少用吧~~
转播
