HTML5 placeholder兼容性

内容来自慕课网，摘至自己的博客，仅为了方便翻阅。

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

修改所有的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即可)。