placeholder在IE8中不显示,一种解决办法
程序员文章站
2022-05-25 21:00:32
...
做的一个查询页面,在IE10的基础上做的,input标签用到了placeholder属性。将页面放到IE8去显示,placeholder属性失效了。从网上查找了很多方法,最终采取使用JS的方式解决了兼容的问题。
HTML代码
<input id="valiCode" class="aaa" type="text" placeholder="请输入验证码"
onblur="if(this.value==''){this.value='请输入验证码';$(this).css({color:'#8E8E8E'})}"
onfocus="if(this.value=='请输入验证码'){this.value='';$(this).css({color:'#000000'})}"
style="color:#8E8E8E" value="请输入验证码"/>
css代码
:-moz-placeholder { Mozilla Firefox 4 to 18
color: #8E8E8E; opacity:1;
}
::-moz-placeholder { Mozilla Firefox 19+
color: #8E8E8E;opacity:1;
}
input:-ms-input-placeholder{
color: #8E8E8E;opacity:1;
}
input::-webkit-input-placeholder{
color: #8E8E8E;opacity:1;
}