昨天寫了一篇基於 jquery 實現 ie 瀏覽器兼容 placeholder 效果，具體內容點擊傳送門。不過還是有點小瑕疵，就是不能設置 placeholder 文本顏色。本文主要介紹利用 css 修改 placeholder 文本顏色。
對於 ie 瀏覽器我們可以通過自定義的 class 名稱，直接修改 span 這個標簽的樣式。對於其他瀏覽器諸如谷歌和火狐就需要特殊處理了，不多說直接上代碼：
css：
::-webkit-input-placeholder{color:#f00;} ::-moz-placeholder{color:#f00;} :-moz-placeholder{color:#f00;}
根據前綴我們知道第一行代碼是作用在谷歌瀏覽器，后兩行代碼作用在火狐瀏覽器，其中 ::-moz-placeholder 用於 Mozilla Firefox 19+ 版本，而 :-moz-placeholder 用於 Mozilla Firefox 4-18 版本。效果圖如下：
