CODEWITHSUNDEEP
htmlcssgoogle-chrome
LPZadkiel
LPZadkiel

Reputation: 571

Changing font color of HTML Symbol

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

Upvotes: 13

Views: 22350

Answers (2)

Ylama
Ylama

Reputation: 2489

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.

Upvotes: 23

sol
sol

Reputation: 22949

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>

Upvotes: 3

Related Questions