內容來自慕課網，摘至自己的博客，僅為了方便翻閱。

——————————————————————————————————————

修改所有的input placeholder：

::-webkit-input-placeholder {
  color: red;
}
:-moz-placeholder {/* Firefox 18- */
  color: red;
}
::-moz-placeholder{/* Firefox 19+ */
 color: red;
}
:-ms-input-placeholder {
  color: red;
}

修改某個標簽：

#myInput::-webkit-input-placeholder {
  color: red;
}
#myInput:-moz-placeholder {
  color: red;
}
#myInput:-ms-input-placeholder {
  color: red;
}

但是placeholder並不支持padding和height值，在一些瀏覽器中會出現該內容靠頂部的現象，解決辦法：line-height:normal(或者不設置行高問題，只設置padding即可)。

HTML5 placeholder兼容性