CSS:用这些伪类就可以让placeholder变色了
(需要添加opacity:1,因为firefox默认的有一个透明图,要把它的这个属性给重写掉)
.invalid:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red;
opacity: 1;
}
.invalid::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;
opacity: 1;
}
input.invalid:-ms-input-placeholder{
color: red;
}
input.invalid::-webkit-input-placeholder {
color: red;
}
JS:给input加上invalid class就行了
$("#name").attr("class","invalid");
HTML:将class设置成invalid就行
<input class="invalid" type="text" id="name" name="name" placeholder="请输入姓名">
参考自:https://segmentfault.com/q/1010000004216231