HTML5提供了一个很便利的功能,就是能然输入框在未输入字符的时候显示提示文字。
如:
但是颜色却无法跟着color走。
这时候就需要用到
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f00;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f00;
opacity: 1;
}
input:-ms-input-placeholder {
color: #f00;
}
input::-webkit-input-placeholder {
color: #f00;
}
效果: