一般用css伪类元素
input::-moz-placeholder{/* Mozilla Firefox 19+ */
color: red;
opacity: 1;/*这里之前是没有的,发现问题后才加上去的,解决火狐字体不变的问题*/
}
input:-moz-placeholder{
color: red;/* Mozilla Firefox 4 to 18 */
}
input::-webkit-input-placeholder { /* WebKit browsers */
color: red;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #8f8f8f;
}
如果ie还是没有效果的话,用下面的这种调用函数的方法:
css部分.inp {color:red;}
HTML部分<input type="text" placeholder="这个问题" id="ipt">
function placeholder(target){
$(target).val($(target).attr("placeholder")).addClass("inp");
$(target).focus(function() {
if($(this).val() == $(this).attr("placeholder")) {
$(this).val("").removeClass("inp");
}
})
$(target).blur(function(){
if($(this).val() == "" || $(this).val() == $(this).attr("placeholder")) {
$(this).val($(target).attr("placeholder")).addClass("inp");
}
})
}
placeholder("#ipt")