ie中placeholder字体颜色兼容问题

一般用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")

转载于:https://www.cnblogs.com/studyh5/p/8574432.html