Ascii复选标记在手机中始终为红色

问题描述

我在跨平台的web应用中使用了✔aka &＃10004; 。问题是，我需要它是白色的。

通过在元素中设置 color：#fff; 除了通过Android移动设备之外，所有测试过的平台都支持css - 我试过Chrome和默认浏览器Internet。

我试过的东西似乎改变了颜色，即使在元素中有其他文字，其他文字也是白色的，而复选标记是红色的。

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

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

解决方案

您可以给您的支票图标 span id '，然后使用！important 属性强制 span 的颜色。如果这不起作用，您可以完全避免麻烦，并使用Font Awesome中的图标。

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

I use ✔ aka ✔ in a cross platform web app.

Problem is, I need it to be white.

This works fine as expected by setting color:#fff; in the element's css in all tested platforms except via an android mobile device - I've tried Chrome and the default browser "Internet".

Nothing I try seems to change the color, and even when I have other text in the element, the other text is white and the check mark is red.

this fiddle reproduces the issue, as does viewing this page on my phone.

My device is a Samsung Galaxy S6 SM-G920I Android 5.1.1

解决方案

You could give your check icons span id's and then use the !important attribute to force the span's colour. If that doesn't work, you could skip the trouble completely and use an icon from Font Awesome.

Here's a Fiddle explaining what I mean:

JSFiddle

这篇关于Ascii复选标记在手机中始终为红色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！