IE8下icon图标二次渲染失效问题

2017年08月12日Web前端0

图标字体库,不多解释。他的方便性,使用了就知道了。当然用在IE8上,虽说可以,但是也有小麻烦。

一、二次渲染问题

既然使用了icon图标字体库,那么用CSS修改他的颜色样式是很平常的事。

但是在(公司)Window7下的IE8上(自己的win10试不出来。。),直接给图标赋值颜色或含颜色的class类时,并不能真正的改变icon图标的颜色。

后查询到是因为在IE8下,只有修改图标的content的才会触发icon图标的重绘,所以直接修改其他样式是没有效果的。 于是增加了个空content的类:

.icon-empty {
    content: '' !important;
}

在每次需要改变icon的颜色时,优先增加该样式,然后再移除以触发渲染。