修改placeholder颜色

input::input-placeholder{color:  red;} 
::-webkit-input-placeholder { /* WebKit browsers */ 
color: red; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: red; 
} 
::-moz-placeholder { /* Mozilla Firefox 19  */ 
color: red; 
} 
:-ms-input-placeholder { /* Internet Explorer 10  */ 
color: red; 
}

如果使用这段代码仍然无法修改placeholder的颜色，则有可能是placeholder的样式在底层已经定义好了，因此可以使用 !important 的方式进行修改。

input::input-placeholder{color:  red !important;} 
::-webkit-input-placeholder { /* WebKit browsers */ 
color: red !important; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: red !important; 
} 
::-moz-placeholder { /* Mozilla Firefox 19  */ 
color: red !important; 
} 
:-ms-input-placeholder { /* Internet Explorer 10  */ 
color: red !important; 
}