修改input里placeholder颜色

2017年第一天上班！ 开工大吉！

 

  html     如下：

<input type="text" placeholder="请输入密码" /> 

 Chrome支持input=[type=text]占位文本属性    所以，对下面这段代码并不起作用，另外，!important只有IE7和firefox能识别！

input[placeholder], [placeholder], *[placeholder] { 
color:#333 !important; 
} 

修改input里placeholder颜色的方法有很多，我比较喜欢的一种：

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
 /* WebKit browsers */ 
color: #666; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #666; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
 /* Mozilla Firefox 19+ */ 
color: #666; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
 /* Internet Explorer 10+ */ 
color: #666; 
} 

其他方法有兴趣的同学可以一起交流喔！