HTML5-Placeholder实现input背景文字提示效果

/* WebKit browsers */::-webkit-input-placeholder {
color: #777;
}
/* Mozilla Firefox 4 to 18 */:-moz-placeholder {
color: #777;
opacity: 1;
}
/* Mozilla Firefox 19+ */::-moz-placeholder {
color: #777;
opacity: 1;
}
/* Internet Explorer 10+ */:-ms-input-placeholder {
color: #777;
}
对Placeholder的浏览器支持情况

各种浏览器对HTML5/CSS3里出现的新特征、新属性的支持是逐步提高的，最终所有的浏览器都会完全支持HTML5/CSS3，这是毫无疑问的。目前，对HTML5的placeholder属性支持的浏览器有谷歌浏览器、火狐浏览器、Safari、Opera，还有IE10+。