请看清兼容性使用:
placeholder是html5的属性,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。
/* WebKit browsers */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ccc;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder, textarea:-moz-placeholder {
color: #ccc;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder, textarea::-moz-placeholder {
color: #ccc;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #ccc;
}