留言表单中placeholder文字的字体颜色大小加粗怎么修改

placeholder这个属性是HTML5中新增的属性，作用是描述输入字段预期值的提示信息。如今，在留言表单中经常使用placeholder，已经很少使用value了。但是使用placeholder后，显示文字的字体颜色和大小不太满意，应该怎么修改呢？

解决方案如下：

如果是input输入框，添加如下css样式即可，兼容各大浏览器：

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}

如果是textarea输入框，添加如下css样式即可，兼容各大浏览器：

textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}
textarea::-ms-input-placeholder { /* Microsoft Edge */
   color:#DDE2E9;
   font-size:16px;
   font-weight:800;
}

相关说明：

（1）WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号（::），写的时候还要带上input

（2）针对火狐浏览器则有两种写法，都需要带上-moz-前缀。火狐低版本的使用单个冒号（:），而高版本的使用双冒号（::），火狐浏览器不需要带上input。

（3）placeholder属性只在IE10+才支持，IE10、IE11的写法是加上-ms-前缀，使用的是单个冒号（:），需要带上input。