android - u + 2714 chechmark在android中显示不同的形状和颜色

Question

这个问题与 this question

我正在使用这个 CSS:

.check li::before{
content: "\002714 \00a0";
color: green;

复选标记 (u+2714) 在 PC 上的 chrome 中显示为绿色，但在 android chrome 上它显示的形状略有不同，并且显示为红色! 我用谷歌搜索了这个问题并找到了上面提到的帖子，机智 JSfiddle 即使在 JSfiddle 中，复选标记在 android 上也显示为红色。 我有三星 J5 安卓 6.0.1 和三星 Tab E 安卓 4.4.4 两者给出相同的结果。在这里，我在 Tab E 上添加了 JSFiddle 页面的屏幕截图。

我在这里添加我的网站在 PC 上的屏幕截图 在安卓上 区别很明显。

Answer 1

这些复选标记是表情符号，它们在不同的操作系统/平台上有不同的设计。参见 Emojipedia对于不同的版本。

解决方案是使用您自己的复选标记图形(例如 SVG 图像)或使用非表情符号复选标记，以便您自己确定颜色。