1

On iOS Mobile app, for webview page, the checkmark is not inheriting color of the parent element (div). The code that I'm using is:

<div style="color: red">
    &#10004&#xfe0e;
</div>

I am aware of this problem happening on iOS devices, but for me, even after appending the variation selector, the checkmark is still rendering as an emoji, which prevents changing the color.

Any ideas why this might be happening?

2
  • AkshayArora could you try out the recommended solution
    – Uwe
    Commented Jan 6, 2023 at 10:42
  • @Uwe Would deploy and let you know in about a week or so. Commented Feb 1, 2023 at 13:42

2 Answers 2

1
+50

There are a few potential reasons why the checkmark might not be inheriting the color of the parent element in your WebView page on an iOS mobile app. Here is two solutions I have in mind:

  1. You can use a character for the checkmark instead of an HTML entity:

<div style="font-family: 'Font with checkmark'; color: red;">✔</div>

  1. Use the color property of the style attribute to set the color of the checkmark directly:

<div><span style="color: red;">&#10004&#xfe0e;</span></div>

Hope this help,

0
0

<div><span style="color: red;">&#10004&#xfe0e;</span></div>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.