自定義設置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