如何更改多色字形的颜色(图标字体)

Question

当用户悬停时，我尝试更改多色字形的颜色。

这是我的例子：

https://jsfiddle.net/p7ht5kzh/

我尝试使用以下代码：

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

但它不适用于多色图标。

可能吗？

Answer 1

试试这个

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

演示