最近做项目发现一个怪现象,就是在ie下,如果a便签里含有设定字体颜色的标签,a标签超出部分省略后的省略号颜色也是该颜色。
<a href="#" target="_blank" style="width:100%;color:#000;">
<span style="color:red;font-size: 16px;float:left;">(总部转载</span>
啦啦啦啦
</a>
如代码所见,如果字体超出省略号颜色应该是黑色,但是ie9情况下会出现红色,所以解决这个问题,只要在前面加上一个空的span就能解决了。
<a href="#" target="_blank" style="width:100%;color:#000;">
<span></span>
<span style="color:red;font-size: 16px;float:left;">(总部转载</span>
啦啦啦啦
</a>