輸入框placeholder字體

CSS：

input[type="text"]::-webkit-input-placeholder{color:red;opacity:1;}/* WebKit browsers */
input[type="text"]:-moz-placeholder{color:red;opacity:1;}/* Mozilla Firefox 4 to 18 */
input[type="text"]::-moz-placeholder{color:red;opacity:1;}/* Mozilla Firefox 19+ */
input[type="text"]:-ms-input-placeholder{color:red;opacity:1;}/* Mozilla Firefox 19+ */

---

效果：

---

解析：

placeholder存在兼容性問題，只有支持placeholder的瀏覽器纔可以設置其樣式；
opacity:爲透明度；默認半透明；取值範圍0-1；
placeholder的字體繼承數據框的樣式；
例如：input{font-size: 22px;} 則placeholder的字號爲22px

不支持placeholder的瀏覽器要定義類似的效果，需要自己用dom模擬 查看樣例

---

ps:鑑於個人經驗有限，所有觀點，如有異議，請直接回復討論（請勿發表攻擊言論）。
加入QQ羣209952809(需回答問題，答案爲csdn)；羣聊更快解決問題，更happy。