<p>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)</p> <p>Code HTML : (et lien vers le projet https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html)</p> <pre class="brush:php;toolbar:false;"><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 /></pre> <ol> <li><p>Est-il possible de forcer Google Chrome à afficher une couleur sélectionnée sur Android ? </p> ≪/li> <li><p>Je souhaite également comprendre pourquoi Chrome sur Android utilise des couleurs prédéfinies et je n'accepte pas les couleurs des utilisateurs. </p> ≪/li> </ol></p>

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