IE8下icon图标二次渲染失效问题
图标字体库,不多解释。他的方便性,使用了就知道了。当然用在IE8上,虽说可以,但是也有小麻烦。
一、二次渲染问题
既然使用了icon图标字体库,那么用CSS修改他的颜色样式是很平常的事。
但是在(公司)Window7下的IE8上(自己的win10试不出来。。),直接给图标赋值颜色或含颜色的class类时,并不能真正的改变icon图标的颜色。
后查询到是因为在IE8下,只有修改图标的content的才会触发icon图标的重绘,所以直接修改其他样式是没有效果的。 于是增加了个空content的类:
.icon-empty {
content: '' !important;
}
在每次需要改变icon的颜色时,优先增加该样式,然后再移除以触发渲染。