自定义设置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

上一篇:阿里云MVP Tech Show第10期大数据之美


下一篇:记快乐的阿里云ACE厦门同城会春节活动