<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;
}