input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */
input:-moz-placeholder{} /* Firefox版本4-18 */
input::-moz-placeholder{} /* Firefox版本19+ */
input:-ms-input-placeholder{} /* IE浏览器 */
scss语法
@mixin placeholder {
&::-webkit-input-placeholder {
@content
}
&::-moz-placeholder {
@content
}
&:-ms-input-placeholder {
@content
}
}
input, textarea {
@include placeholder {
color: #f00;
}
}
//编译后的css
input::-webkit-input-placeholder{
color: #f00;
}
input::-moz-placeholder{
color: #f00;
}
input:-ms-input-placeholder{
color: #f00;
}【css/scss】修改input，textarea中的placeholder样式
原文：https://blog.51cto.com/15142266/2669239