Как изменить цвет для html emoji в Firefox?

Question

[Анатолий]

код:

<style>
  span { color: gold; }
  div:before {content: ""; color: blue; }
  div:after {content: ""; color: green; }
</style>
<div>Hello</div>
<span>&#128315; &#128314;</span>

В хроме и опере цвет отображается верно, но в firefox и мобильных браузерах цвет почему-то не меняется, и выглядит так:

Как изменить цвет emoji для всех браузеров?

Answer 1

[Анатолий]

Нашел решение:

color: transparent;
text-shadow: 0 0 0 blue;

Answer 2

[Rsa97]

Цвет этих символов заложен прямо в Unicode:
#128314 - Красный треугольник с верхушкой, направленной вверх
#128315 - Красный треугольник с верхушкой, направленной вниз
Возьмите символы #9650 - ▲ и #9660 - ▼

Comments

[Анатолий]

Подскажите, на каком сайте можно увидеть полный набор emoji без цвета.
И как его правильно вставить в псевдоэлемент before?