Pique, Carreau, Coeur, Trèfle => les styles ne changent pas la couleur de la police dans Chrome pour Android

Question

Dans Google Chrome sous Windows, les symboles de combinaison de cartes (pique, cœur, carreau, trèfle) sont colorés correctement à l'aide de l'attribut « style ». Malheureusement, la même page affichée dans Google Chrome sur Android n'affiche pas les couleurs que j'ai définies mais utilise le noir et le rouge par défaut. (Voir l'image ci-jointe pour l'effet)

Code HTML : (et lien vers le projet https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html)

<span style="color: #114bb8">♠ pique</span><br />
    <span style="couleur : #f10d0d">♥ coeurs</span><br />
    <span style="couleur : #ff9100">♦ diamants</span><br />
    <span style="couleur : #0da510">♣ clubs</span><br />

1. Est-il possible de forcer Google Chrome à afficher une couleur sélectionnée sur Android ?

   ≪/li>

2. Je souhaite également comprendre pourquoi Chrome sur Android utilise des couleurs prédéfinies et je n'accepte pas les couleurs des utilisateurs.

   ≪/li>

Answer 1

AStombaugh a écrit : Réponses à des questions similaires qui peuvent être utiles : Changer la couleur de la police des symboles HTML

Ce qui a fonctionné pour moi :

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

Merci.