修改HTML5 input placeholder 颜色及修改失效的解决办法

input::input-placeholder{color:  #bdbdbd ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
}
 

input::-webkit-input-placeholder,
            textarea::-webkit-input-placeholder {
                color: red;
                font-size: 50px;
            }

            input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: red;
                font-size: 50px;
            }

            input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: red;
                font-size: 50px;
            }

            input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: red;
                font-size: 50px;
            }