placeholder 属性修改

当placeholder属性默认的颜色，样式等不能满足我们的需要时，需要修改它的样式。
写法：input::-webkit-input-placeholder{你想要修改的样式}
因为placeholder是 HTML5 中新增加的属性，需要注意浏览器的兼容性。
::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */
:-moz-placeholder{} /* Firefox版本4-18 */
::-moz-placeholder{} /* Firefox版本19+ */
:-ms-input-placeholder{} /* IE浏览器 */

举例：修改placeholder样式，将input提示框中文字的颜色设为红色，字体设为20px，让文字在输入框中水平居中显示。代码如下

HTML部分：

<input type="text" id="input" placeholder="请输入用户名" />

CSS部分：

input{width: 200px;height: 40px;}
#input::-webkit-input-placeholder {
 color: red;
 font-size: 20px;
 text-align: center;
 }
#input:-moz-placeholder {
 color: red;
 font-size: 20px;
 text-align: center;
 }
#input:-ms-input-placeholder {
 color: red;
 font-size: 20px;
 text-align: center;
 }

效果如下：