用css设置input, placeholder字体颜色值

效果图如下

css 写法

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

也可以加上class名 去设置对应的颜色值

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

希望对有需要的人有帮助~