我们都知道,在html5中,为input、textarea添加了原生的占位符属性placeholder,现代高级浏览器都支持这个属性,这也方便我们给input等添加默认提示文字了,尤其在移动端web开发中,不过它总是默认的字体颜色。有时候我们需要修改它的颜色,那么要怎样设置placeholder默认字体颜色呢?其实是可以通过css修改的,在此简单记录一下,如下:

input::-webkit-input-placeholder{ 
    color: #fff; 
} 

由于之前自己在做移动端开发,所以只写-webkit的,同理,其他支持的浏览器做单独的设置即可

input::-moz-placeholder{ 
    color: #fff; 
}
input:-ms-input-placeholder{  
    color: #fff; 
} 
效果: