Comment puis-je changer la couleur des caractères Emoji Unicode à l'aide de CSS ?

Sélecteur de couleurs pour Unicode Emoji

Dans les navigateurs modernes, l'incorporation de caractères Emoji est simple. Toutefois, personnaliser leur couleur reste un défi. Comment pouvez-vous sélectionner une seule couleur pour les caractères Emoji et la mettre en œuvre efficacement ?

Considérez le scénario suivant : vous disposez d'une combinaison de symboles Emoji et Unicode (plan 0) que vous souhaitez afficher en rouge. Cependant, seuls les symboles Unicode s'affichent dans la couleur souhaitée tandis que les caractères Emoji ne sont pas affectés.

Code CSS HTML :

<p>
  ???
</p>
<p>
  ♥★ℹ


p {
  font-size: 3em;
  color: red
}</p>

Solution :

Contrairement à la croyance populaire, les caractères Emoji peuvent être personnalisés en termes de couleur. Pour y parvenir, utilisez la technique suivante :

div {
  color: transparent;
  text-shadow: 0 0 0 red;
}

<div>???</div>

Cette méthode modifie efficacement la couleur des caractères Emoji tout en conservant leur apparence d'origine.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!