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

Question

我✔在跨平台的网络应用程序中使用✔又名.

问题是,我需要它是白色的.

通过color:#fff;在所有测试平台中设置元素的css,除了通过Android移动设备之外,这可以正常工作- 我尝试过Chrome和默认浏览器"Internet".

我尝试的任何东西似乎都没有改变颜色,即使我在元素中有其他文本,其他文本是白色的,复选标记是红色.

这个小提琴再现了这个问题,就像在手机上查看此页面一样.

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

Answer 1

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

我遇到了同样的问题，并发现U + 2713的刻度线在此版本的chrome上显示为文本字符，因此可以设置样式。

Answer 2

您可以提供检查图标span id，然后使用该!important属性强制span检查图标的颜色。如果这不起作用，您可以完全跳过这个麻烦并使用 Font Awesome 中的图标。

这是一个小提琴解释我的意思：

JSFiddle