自定義設定textrear與input框placeholder占位符的樣式

/*

Chrome/Safari/Opera */

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{color:#999;}

/* Firefox

19+ */

input::-moz-placeholder,

textarea::-moz-placeholder{color:#999;opacity:1;}

/* IE

10+ 注意這裡隻有一個冒号 */

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{color:#999;}

.placeholder{color:#999;}

//焦點

input:focus::-webkit-input-placeholder,

textarea:focus::-webkit-input-placeholder{color:transparent;}

input:focus::-moz-placeholder,

textarea:focus::-moz-placeholder{color:transparent;}

原文連結 http://www.cnblogs.com/xyzhanjiang/p/4551243.html

阿裡雲優惠券領取 https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=dpi07hp8&utm_source=dpi07hp8