在内容：＆＃39; \ f00d＆＃39 ;;之前，IE不会过渡伪::变化

Question

我使用css计数器在列表项上有一些伪元素：

li {
    display: inline-block; // this kills the list prefixes
    counter-increment: step-count; // recreate with a simple counter
    //...snip
    &::before {
        content: counter(step-count);
        display: inline-block;
        transition: all 225ms ease-in-out;
        //...snip
 }
}

然后我对其进行了一些更改：hover

li:hover {
  &::before {
        transform: rotate(-360deg);
        color: #fff;
        background-color: #74bb74;
        font-family: FontAwesome;
        content: '\f00c'; 
        //...snip
 }
}

除IE（全部）外，其效果与预期一致。

IE放弃行的所有转换：

 content: '\f00c'; 

在那里。删除该行并且过渡有效，但我需要的效果不是。