Transition Pseudo Color

See https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4320439/

HTML

<p class="a"><i>e</i>Transition all</p>
<p class="b"><i>e</i>Transition color</p>

CSS

p {
  font-size: 3em
}

.a {
  transition: all 0.2s
}

.b {
  transition: color 0.2s
}

p:hover {
  color: red;
}

i {
  color: #fff;
  background: #aa0;
  margin-right: 0.3em;
}