设置input的placeholder的字体样式

设置input占位符的样式

HTML 代码:

1<input type="text" placeholder="请设置用户名">

CSS 代码:

 1input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
 2  color: red;
 3}
 4input::-moz-placeholder { /* Firefox 19+ */  
 5  color: red;
 6}
 7input:-ms-input-placeholder { /* IE 10+ */
 8  color: red;
 9}
10input:-moz-placeholder { /* Firefox 18- */
11  color: red;
12}

示例: