Changing font color of HTML Symbol

Question

i am having an issue when changing the color of a HTML Symbol, what i have is this

<span style="color: rgb(42, 170, 82);">&#9899;</span>

and for some odd reason on some google chrome did not change the font color (works fine on IE, FF and most of GC), if anyone know something about this issue please enlighten me. Thanks

Answer 1

FIX:

<span style="color: rgb(42, 170, 82);">&#9899;</span>

<span style="color: transparent;  text-shadow: 0 0 0 green; ">&#9899;</span>

<span style="color: transparent;  text-shadow: 0 0 0 rgb(42, 170, 82); ">&#9899;</span>

This works for Chrome hope it helps you bro.

Answer 2

This appears to be an issue with Chrome, but you can workaround it using text-shadow...

span {
  color: transparent;
  text-shadow: 0 0 0 rgb(0, 128, 0);
}

<span>&#9899;</span>