2017-05-31 27 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

相關問題