本文转自http://www.webhek.com/html5-placeholder-css/
在火狐浏览器中的写法和在谷歌浏览器和Safari里的写法有些不同。但相信以后会统一。
/* 通用 */
::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; } /* webkit专用 */
#field2::-webkit-input-placeholder { color:#00f; }
#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } /* mozilla专用 */
#field2::-moz-placeholder { color:#00f; }
#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
事实上仅仅是一句代码，但为了实现范围最广的浏览器支持，加上了各自的浏览器引擎前缀(Vendor
Prefix)，突然变成了10的几行代码，我们尽快希望这种情况在过去。