修改input的placeholder样式

今天项目中有需求修改input输入框的样式，刚开始以为直接写color属性就可以了，后来发现不行，百度了一下，如下所示：

input::-webkit-input-placeholder{
    color:#FFF;
    opacity: 0.5;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#FFF;
    opacity: 0.5;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#FFF;
    opacity: 0.5;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#FFF;
    opacity: 0.5;

}

需要兼容各种浏览器