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

时间:2016-04-12 07:29:03

标签: android css google-chrome mobile

我在跨平台网络应用中使用✔又名✔

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

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

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

this fiddle重现了这个问题,就像在手机上查看此页面一样。

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

3 个答案:

答案 0 :(得分:4)

@Mr Lister是正确的,问题是三星Galaxy S6 Android 5.1.1上的chrome 58(可能还有其他一些)将这个unicode角色渲染成一个表情符号,然后无法用CSS设置样式。

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

答案 1 :(得分:2)

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

答案 2 :(得分:1)

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

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

<强> JSFiddle