Spades, Diamonds, Hearts, Clubs => styles do not change font color in Chrome for Android

Question

In Google Chrome on Windows, card suit symbols (spades, hearts, diamonds, clubs) are colored correctly using the "style" attribute. Unfortunately, the same page displayed in Google Chrome on Android does not display the colors I defined but uses the default black and red. (See the attached picture for the effect)

HTML code: (and link to the project https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html)

<span style="color: #114bb8">♠ spades</span><br />
    <span style="color: #f10d0d">♥ hearts</span><br />
    <span style="color: #ff9100">♦ diamonds</span><br />
    <span style="color: #0da510">♣ clubs</span><br />

1. Is it possible to somehow force Google Chrome to display a selected color on Android?

2. I also want to understand why Chrome on Android uses predefined colors and I don't accept user colors.

Answer 1

AStombaugh wrote: Answers to similar questions that may be helpful: Change the font color of HTML symbols

Works for me:

span {
  color: transparent;
  text-shadow: 0 0 0 rgb(0, 128, 0);
}
<span>&#9899;</span>

Thanks.