placeholder占位符改变字体颜色

今天练习项目的时候，碰到了input的placeholder，我需要给它的字体改一下颜色，于是我就直接给了input一个color，但是发现字体颜色并没有改变，这就让我很摸不着头脑。所以，我就去了百度，虽然知识是从百度来的，但我想把它整理记下来，方便以后自己看。

改变颜色有两种方法，一个是在css里改，一个是用JS改。今天先说在css里怎么改。

css里用伪类，根据浏览器的不同可以分为:

①

:-moz-placeholder{

color:red；

}

②

::-moz-placeholder{

color:red；

}

③

input:-ms-input-placeholder，textarea:-ms-input-placeholder{

color:red；

}

④

input:-webkit-input-placeholder，textarea:-webkit-input-placeholder{

color:red；

}

需要注意的是，第一个火狐的浏览器是4-18版本适用的，第二个是19版本以上适用的。

明天接着发怎么使用js改变placeholder的颜色！