【css3】如何自定義 placeholder 文本顏色

昨天寫了一篇基於 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 版本。效果圖以下：