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;
}