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