Ascii 复选标记在移动设备中始终为红色

Posted 2023-03-06

【中文标题】Ascii 复选标记在移动设备中始终为红色

【英文标题】：Ascii check mark is always red in mobile

【发布时间】：2016-08-02 15:53:36

【问题描述】：

我在跨平台网络应用程序中使用✔ aka ✔。

问题是，我需要它是白色的。

在除通过 android 移动设备外的所有测试平台中，通过在元素的 css 中设置 color:#fff; 可以正常工作 - 我已经尝试过 Chrome 和默认浏览器“Internet”。

我尝试的一切似乎都没有改变颜色，即使元素中有其他文本，其他文本也是白色的，复选标记是红色的。

this fiddle 重现了该问题，就像在我的手机上查看此页面一样。

我的设备是三星 Galaxy S6 SM-G920I Android 5.1.1

【问题讨论】：

你能显示一些代码吗？它不会发生在我的 Android 设备上，this fiddle...

你的小提琴为我重现了这个问题。我会发布我的设备版本。

我的三星 Galaxy Tab S3 没有问题，我的手机 HTC One 也没有。你的问题和***.com/q/31271454/1016716类似吗？

是的，我认为这是同一个问题。 ...我的手机是否太聪明了，将角色转换为表情符号图像？如果是这样，那就太愚蠢了！

接受的答案不是正确的解决方案——向下滚动查看 Buster C 的答案。基本上，unicode 中有两个复选标记字符，其中一个在移动设备上存在问题。改用 ✓ （这是正确的字符....here 是它的页面。）

【参考方案1】：

@Mr Lister 是正确的，问题是三星 Galaxy S6 Android 5.1.1（可能还有其他一些）上的 chrome 58 将此 unicode 字符呈现为无法使用 CSS 设置样式的表情符号。

我遇到了同样的问题，发现在这个版本的 chrome 上，轻勾号 U+2713 显示为文本字符，因此可以设置样式。

【讨论】：

你看到✔︎和✔️之间的区别吗？

这不是 Chrome 特有的，它也发生在 Opera 上。

也在 safari 中。确认更改为 ✓ 解决了我在所有浏览器中的问题。

【参考方案2】：

每个平台都显示不同的重复选标记。见https://emojipedia.org/heavy-check-mark。

【参考方案3】：

你可以给你的复选图标spanid's 然后使用!important 属性来强制span's 颜色。如果这不起作用，您可以完全跳过麻烦并使用 Font Awesome 中的图标。

这是一个 Fiddle 解释我的意思：

JSFiddle

【讨论】：

id important 似乎没有帮助，但字体真棒.. 谢谢。我想这是在那个或图像之间的选择