修改input标签的placeholder中文本的颜色

<input type="text"/>

<input type="email"/>

<input type="password"/>

<textarea></textarea>

方法一：

::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}

方法二：

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
input:-ms-input-placeholder ,textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}

如果方法一和方法二不起作用，则需要添加!import,如下

::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff!important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff!important;
}

和

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff!important;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff!important;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff!important;
}
input:-ms-input-placeholder ,textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff!important;
}