HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

　　今天在群里看到群友问了一个这样的问题，就是如何更改placeholder属性中文字的颜色，之前用过这属性，倒是没更改过颜色，因而便试了试，中途遇到些问题，查找资料后特来总结一下。

　　熟悉HTML5的人应该都知道，placeholder这个属性是HTML5中新增的属性，该属性的做用是规定可描述输入字段预期值的简短的提示信息，该提示会在用户输入以前显示在输入字段中，会在用户输入字段后消失，有些浏览器则是得到焦点后该提示便消失（如Safari、IE）

　　适用范围：placeholder 属性适用于下面的 input 类型：text、search、url、tel、email 和 password。

　　由于是HTML5中新增的属性，因此会存在兼容性问题。下面说说浏览器的支持状况：

　　IE10+、Firefox、Opera、Chrome 和 Safari 均支持 placeholder 属性。IE9及如下版本不支持input的placeholder属性。

　　placeholder的用法，举例：

　　 <input type="text" placeholder="请输入您要搜索的内容！"> 

　　结果：

　　

　　该提示文字会有本身默认的颜色，然而有时候，咱们并不但愿用该默认颜色，而是想自定义颜色。那么该怎么处理呢?不废话，上代码。　

<style>
        input::-webkit-input-placeholder{
            color:red;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:red;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:red;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:red;
        }
    </style>

　　针对不一样浏览器或不一样版本的浏览器会有不一样的写法，会添加相应的前缀。

　　注意：

　　一、WebKit, Blink, Edge浏览器等须要带上-webkit-前缀，且是双冒号

　　二、针对火狐浏览器则有两种写法，一种是针对低版本的，一种是针对高版本的，两者都须要带上-moz-前缀。要点1：火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；要点2：火狐浏览器不须要像webkit内核那样要带上input。

　　三、因为placeholder属性只在IE10+才支持，所以，针对IE十、IE11的写法是加上-ms-前缀，使用的是冒号（：），须要带上input

　　

　　特别强调：冒号与双冒号的问题