2017-05-31 101 views
0

为什么(其背后的意图)unicode字符在其他文本突出显示时不突出显示?链接中的Unicode字符在悬停时未突出显示

a:hover 
 
{ 
 
    color: #ffd800; 
 
}
<a href="#">Some text that is hightlighted but why this symbol doesn't highlight!??</a>

+0

[Color for Unicode Emoji](https://stackoverflow.com/questions/32413731/color-for-unicode-emoji) – IiroP

+0

@IiroP ty可能出现重复链接。但为什么这些unicode符号与普通符号(ascii字母,数字,标点符号等)的处理方式不同,有什么理智的原因呢? – Willmore

+0

我在这里没有找到问题。当我将鼠标悬停在上面时,符号确实会改变颜色。 –

回答

1

即符号被称为表情符号(扩展的Unicode)。当在Chrome,Opera,Safari ...上显示时,它现在是多彩的,所以你不能改变它的颜色。如果仔细查看该符号,可以看到它的颜色是灰色的,带有黑色边框(在Windows上,它与MacOS上的不同,...)。如果您在IE/Edge上检查它,可能会看到更改(因为IE/Edge现在不支持多彩的表情符号)。

+0

谢谢你的澄清。使用css:'.un:hover/*为unicode高亮*/ {0}的颜色:透明; text-shadow:0 0 0#ffd800; }'和html'Some text that is hightlighted completely .' – Willmore

+0

您可以为它们添加效果,例如:过滤器。它会做出改变,但不会变色。颜色属性不会改变! – HTCom