Wie kann ich Unicode-Emojis in Webbrowsern einfärben?

Einfärben von Unicode-Emojis in Browsern

In modernen Webbrowsern ist die Einbindung von Emoji-Zeichen möglich. Wie rendert man sie jedoch in einer bestimmten Farbe und behält dabei die Kontrolle über den gewählten Farbton?

Betrachten Sie das folgende Beispiel:

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

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

Dieser HTML- und CSS-Code sollte den Text und die Emojis anzeigen Rot, aber nur der Text wird in der angegebenen Farbe gerendert.

Emoji in Farbe rendern

Zum Einfärben Emoji-Zeichen:

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

Innerhalb eines

-Tag setzen Sie die Farbeigenschaft auf transparent, um den Text unsichtbar zu machen. Verwenden Sie dann text-shadow, um den gewünschten farbigen Texteffekt mit einem Null-Versatz und der gewählten Farbe als dritten Parameter zu erstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich Unicode-Emojis in Webbrowsern einfärben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css html while Property this display

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn