color mobile problem

Asked

Viewed 33 times

1

It’s not the first time I’ve done that, and it’s a mistake that bothers me a lot, even though it’s a little insignificant:

Sometimes I realize that the color of the fonts are not applied on iphone, I tested in two and are not applied. On android I tested and worked, on mac also worked properly.

If you check the "X" is white but the iphone does not apply the color.

I usually use safari on iphone, but I tested on Chrome and it also didn’t work.

In case it’s not clear, please ask.

Code inserir a descrição da imagem aqui

  • Have you tried color: #ffffff !important color with 6 digits? Tb can try this way and see if it solves... -webkit-text-fill-color: rgba(0, 0, 0, 1); 
 -webkit-opacity: 1;

  • Dude, another thing I noticed, where you got this X it does not seem a common character, it seems a Unicode or emoji!!

  • With 6 digits tested too. On the X really might not work because it is not source, good idea, it is very likely to be that. About the colors not working I have searched the subject and in iphone happens a lot when it is phone. I’ll try putting another character.

  • that same hugocsl. It was an emoji. Problem solved. The other times it happened to me was likely with phone.

  • Can I post as an answer? then you can tag it and the question is as resolved can be?

  • Yes. About the other answer you gave about paging on Owl Carousel I haven’t been able to test in the code but I will mark as response too.

Show 1 more comment

1 answer

2


It seems to me that this character you are using is not a common source but a emoji, so you can’t change his color for color in CSS. So much so that if you exchange this character for a X normal text should work and it will catch the color set in the style.

inserir a descrição da imagem aqui

It seems to me that X is actually the Heavy Multiplication X and each OS will render it as the default system as per table below.

inserir a descrição da imagem aqui

Here is a font with the characteristics of this character and more details: https://www.iemoji.com/view/emoji/540/symbols/heavy-multiplication-x

Browser other questions tagged

You are not signed in. Login or sign up in order to post.