如何更改多色字形（图标字体）的颜色

Question

我尝试在用户悬停时更改多色字形图标的颜色。

这是我的例子：

https://jsfiddle.net/p7ht5kzh/

我用这段代码试试：

.icon-usp_emblemservice:hover{
  color: red;
}

但它不适用于多色图标。

可能吗？

Answer 1

试试这个

span.icon-usp_emblemservice:hover>span:before {
    color: red;
}

DEMO