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

Question

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

这是我的例子：

https://jsfiddle.net/p7ht5kzh/

我试试这个代码：

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

但它不与彩色图标的工作。

可能吗？

Answer 1

试试这个

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

DEMO