项目用户经常会遇到需要修改输入占位符颜色的需求，这里先看看如何用css设置占位符：原文发表于我的个人博客>>首先我们看一下chrome默认的input样式(placeholder)(inputstyle)可以发现placeholder和input的默认颜色有点不同.下面我们来修改input的颜色(placeholder)(input)不难发现color属性只能改变颜色输入值的占位符颜色没有任何变化。那么，如何更改占位符的颜色。要更改占位符的颜色，请使用伪类::placeholder(placeholder)(input)需要注意的是::palceholder伪类的兼容性班级。以上是chrome浏览器中的运行结果。同样的代码在IE11中变成这样(placeholder-ie11)(input-ie11)IE解决方法：首先，IE9及以下不支持placeholder。IE10需要使用：-ms-input-placeholder，属性需要加上!important来提高优先级。(placeholderie11)(inputie11)之后给出其他浏览器的合适配置方案/*-Chrome≤56,-Safari5-10.0-iOSSafari4.2-10.2-Opera15-43-OperaMobile>12-安卓浏览器2.1-4.4.4-三星互联网-安卓UC浏览器-QQ浏览器*/::-webkit-input-placeholder{颜色：#ccc;font-weight:400;}/*Firefox4-18*/:-moz-placeholder{color:#ccc;font-weight:400;}/*Firefox19-50*/::-moz-placeholder{color:#ccc;font-weight:400;}/*-InternetExplorer10–11-InternetExplorerMobile10-11*/:-ms-input-placeholder{color:#ccc!important;font-weight:400!important;}/*Edge（也支持::-webkit-input-placeholder）*/::-ms-input-placeholder{color:#ccc;font-weight:400;}/*CSS工作草案*/::placeholder{color:#ccc;字体重量吨：400;}
