All geek questions in one place

Ascii tick always red on mobile

I am using ✔ aka ✔ in a cross-platform web application.

The problem is that I need to be white.

This works great if you set color:#fff; in the css element on all tested platforms, except through an Android mobile device. I tried Chrome and the default browser is "Internet".

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

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

My device is Samsung Galaxy S6 SM-G920I Android 5.1.1

+5
source share
3 answers

You can give your control span id icons and then use the !important attribute to force the span color. If this does not work, you can completely skip the problem and use the icon from the Awesome font.

Here is a script explaining what I mean:

Jsfiddle

+2
source

@Mr Lister is correct, and the problem is that chrome 58 on the Samsung Galaxy S6 Android 5.1.1 (and possibly a few others) displays this Unicode character as an emoji, which then cannot be with CSS.

I had the same problem, and I found that the light tick of U + 2713 is displayed as a text character on this version of chrome, so you can style it.

+1
source

A heavy check mark is displayed on each platform different. See https://emojipedia.org/heavy-check-mark .

0
source

Source: https://habr.com/ru/post/1246918/

More articles:


All Articles