如何修改input的placeholder的文字颜色

        最近项目出现了一个特殊的需求，需要修改input框中文字的颜色，这里我们想到的就是修改placeholder的颜色， 但是placeholder一般我们使用的都是他的默认颜色，那么我们如何更改他呢。

        这里我们查看页面元素后，发现placeholder的颜色是通过一个伪类选择器设置的，那么想要修改他就很容易了：

.input::webkit-input-placeholder{
    color:red;
}

        这实际上是一个新的伪类选择器，但是不属于W3C标准，因此兼容性并不是特别好。