how to change the color of multi color glyphicons (icon font)

Question

I try to change the color of a multicolor glyphicon when the user hover.

This is my example:

https://jsfiddle.net/p7ht5kzh/

I try it with this code:

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

But it doesn't work with multicolor icons.

Is it possible?

Answer 1

try this

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

DEMO