修改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;

}