html,css 如何设置input的placeholder样式

html,css 如何设置input的placeholder样式，在做前端开发时，如果想写对input设置字体，文字大小，颜色等，我们该如何设置呢？

通过如下设置兼容主流浏览器：

-webkit-input-placeholder /* WebKit browsers */

input::-moz-placeholder /* Mozilla Firefox 19+ */

input::-ms-input-placeholder /* Internet Explorer 10+ */

以下是个简单的例子，对input设置字体颜色和字体大小，如果需要其他的样式，加入即可。

.rj_zyyform input::-webkit-input-placeholder { /* WebKit browsers */
  color: #7f7f7f;
  font-size: 0.96rem;
}

.rj_zyyform  input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #7f7f7f;
  font-size: 0.96rem;
}

.rj_zyyform input::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #7f7f7f;
  font-size: 0.96rem;
}