如何在 Web 瀏覽器中為 Unicode 表情符號著色？

在瀏覽器中為 Unicode 表情符號著色

在現代網路瀏覽器中，合併表情符號字元是可行的。然而，如何在保持對所選色調的控制的同時以特定顏色渲染它們？

考慮以下範例：

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

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

此 HTML 和 CSS 應在以下位置顯示文字和表情符號：紅色，但僅文字以指定顏色渲染。

以顏色渲染表情符號

著色表情符號字元：

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

內標籤，將顏色屬性設為透明以使文字不可見。然後，使用 text-shadow 建立所需的彩色文字效果，偏移量為零，並將所選顏色作為第三個參數。

以上是如何在 Web 瀏覽器中為 Unicode 表情符號著色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！