input框中修改placeholder的样式

有时间input标签的placeholder属性会出现问题,下面是修改placeholder的样式demo

input::-webkit-input-placeholder{
    color:red;
    font-size:20px;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:red;
font-size:20px;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:red;
font-size:20px;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:red;
font-size:20px;
}