html - 悬停时未突出显示链接中的 Unicode 字符

Question

为什么(背后的意图是什么)当其他文本突出显示时，unicode 字符不突出显示？

a:hover
{
  color: #ffd800;
}

<a href="#">Some text that is hightlighted but why this symbol 🔧 doesn't highlight!??</a>

Answer 1

该符号称为表情符号(扩展的 unicode)。它现在在 Chrome、Opera、Safari 上显示时是彩色的，所以你不能改变它的颜色。如果你仔细看那个符号，你可以看到它的颜色是灰色的，带有黑色边框(在 Windows 上，它在 MacOS 上不同，...)。如果您在 IE/Edge 上查看它，您可能会看到变化(因为 IE/Edge 目前不支持彩色表情符号)。