依然記得在html5推行出來之前案铺，做網(wǎng)頁前端的日子务嫡，還需要JS來寫才能實現(xiàn)placeholder效果剪况，自從htm5出來以后货抄，這個工作的內(nèi)容雙手就基本被解放了
我們只知道placeholder的字體顏色會比輸入字體顏色淡一點述召，但是，如何去設(shè)置一個placeholder的顏色呢蟹地？ 通過下面的方法：
/* 通用 */::-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; }
考慮兼容性积暖，要寫很多個版本，相信在將來更規(guī)范以后怪与，這個問題會得到解決
//
無實戰(zhàn)夺刑，不前端——切圖學(xué)院
報名地址：http://qietu.net
