Bagaimanakah Saya Boleh Menukar Warna Aksara Emoji Unicode Menggunakan CSS?

Pemilih Warna untuk Unikod Emoji

Dalam penyemak imbas moden, memasukkan aksara Emoji adalah mudah. Walau bagaimanapun, menyesuaikan warna mereka tetap menjadi cabaran. Bagaimanakah anda boleh memilih satu warna untuk aksara Emoji dan melaksanakannya dengan berkesan?

Pertimbangkan senario berikut: anda mempunyai gabungan simbol Emoji dan Unicode (satah 0) yang ingin anda tunjukkan dalam warna merah. Walau bagaimanapun, hanya simbol Unicode dipaparkan dalam warna yang dikehendaki manakala aksara Emoji kekal tidak terjejas.

Kod CSS HTML:

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

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

Penyelesaian:

Bertentangan dengan kepercayaan popular, aksara Emoji boleh disesuaikan dari segi warna. Untuk mencapai matlamat ini, gunakan teknik berikut:

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

<div>???</div>

Kaedah ini menukar warna aksara Emoji dengan berkesan sambil mengekalkan penampilan asalnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Aksara Emoji Unicode Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!