想要把textarea的placehoder的颜色设置成图二的灰色,现在在ie8,9的颜色是黑色的,如图1:
图二:
在网上找的下面这种方法不好使:
#textareaPlaceholder:-ms-input-placeholder {color: red !important;}/*Internet Explorer 10+*/
人家都说ie10+了。。。
而且ie8也不支持placeholder。。给textarea增加color试试,但是需要结合js,如果输入了值要js修改color为黑色或者其他颜色
自己动手丰衣足食:
<html>
<head>
<script type="text/javascript" src="jquery-1.12.1.js"></script>
</head>
<body>
<input id="phInput" type="text" style="color: #bfb7b7;" value="联系电话"/></dd>
<input type="button" id="confirmBtn" value="确 定" onclick="addArray()">
<script language="javascript">
//意见框被单击时删除placeholder事件
$(document).click(function (e) {
var src;
if (e.target) {
src = $(e.target);
}
else {
src = $(e.srcElement);
}
//电话
if (src.attr("id") == "phInput" && $("#phInput").val() == '联系电话') {
src.val("");
$("#phInput").css("color","black");
} else {
if($("#phInput").val() == ""){
$("#phInput").val("联系电话");
$("#phInput").css("color","#bfb7b7");
}
}
});
</script>
</body>
</html>
倒数11行中的$("#phInput")可以写为src