input中placeholder的颜色默认是很浅的灰色。
有时候甲方需要更明显的颜色,那么,怎样改掉placeholder的颜色呢?
placeholder中文字的颜色并不是由input的color值控制的,应该按下面这么写:
input::input-placeholder{
color:#666;
}
但是,这个方法是css3新增的,有兼容性问题,所以全面的写法应该是:
input::-webkit-input-placeholder{
color: #666666;
}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */
color: #666666;
}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color: #666666;
}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color: #666666;
}