css语法:
input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-placeholder{} /* IE浏览器 */
sass语法:
@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; }