多色グリフコン（アイコンフォント）の色を変更する方法

Question

ユーザーがマウスを動かすと、多色グリフコンの色を変更しようとしています。

これは私の例です：

https://jsfiddle.net/p7ht5kzh/

私はこのコードでそれを試してみてください。

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

しかし、それは多色アイコンでは動作しません。

可能ですか？

Answer 1

は正常に動作します、ありがとう。この

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

DEMO