CSS修改表单输入框placeholder属性文字颜色

placeholer是HTML5新增属性,规定可描述输入字段预期值的简短的提示信息,IE10+、Firefox、Opera、Chrome 和 Safari 浏览器支持该属性。

针对不同浏览器修改placeholder属性样式的代码如下

input::-webkit-input-placeholder{
	color:#f00;
	opacity:1;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#f00;
	opacity:1;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#f00;
	opacity:1;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#f00;
	opacity:1;
}
关键词: css html5