24、placeholder字体颜色等样式控制

一、现象

一般情况下placeholder属性会有自己默认的样式，我们想要自定义样式的时候想当然的以为直接写input{corlor:#fff}即可，实际上并不生效。

二、原因

input的placeholder实际上是使用input::placeholder来控制样式的。

三、解决办法

可参照一下css代码来控制placeholder的样式：

input::-webkit-input-placeholder{color:#000;}
input::-moz-placeholder{color:#000;}
input:-ms-input-placeholder{color:#000;}
input::-webkit-input-placeholder{color:#000;}
input::placeholder{color:#000;}