【问题标题】:Ascii check mark is always red in mobileAscii 复选标记在移动设备中始终为红色
【发布时间】: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 也没有。你的问题和stackoverflow.com/q/31271454/1016716类似吗?
  • 是的,我认为这是同一个问题。 ...我的手机是否太聪明了,将角色转换为表情符号图像?如果是这样,那就太愚蠢了!
  • 接受的答案不是正确的解决方案——向下滚动查看 Buster C 的答案。基本上,unicode 中有两个复选标记字符,其中一个在移动设备上存在问题。改用 ✓ (这是正确的字符....here 是它的页面。)

标签: android css google-chrome mobile


【解决方案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 似乎没有帮助,但字体真棒.. 谢谢。我想这是在那个或图像之间的选择
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-11
    • 1970-01-01
    • 2023-04-11
    • 2017-04-25
    • 1970-01-01
    • 1970-01-01
    • 2019-01-22
    相关资源
    最近更新 更多