今天练习项目的时候,碰到了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的颜色!