MS Edge not applying css style "color" on unicode symbols

Question

I have a following code:

<span style="color: blue;" title="square">◼</span>

The color is properly applied in Chrome, FF, Opera, IE11, but Edge is ignoring it and displaying as black.

Could you give me an advice or this is a bad approach?

Possible duplicate of [Color for Unicode Emoji](https://stackoverflow.com/questions/32413731/color-for-unicode-emoji) — CBroe, May 16 '18 at 08:01
No, I have tried this before asking. It seems "color" style is not affecting them at all. — zemiacsik, May 16 '18 at 08:10
I referred to that mainly for the explanation of the problem. — CBroe, May 16 '18 at 08:12

score 3 · Accepted Answer · answered May 16 '18 at 07:56

3

According to this answer you can specify font-family to your span to get it work:

<span style="color: blue; font-family: 'Segoe UI Symbol'" title="square">◼</span>

answered May 16 '18 at 07:56

Alex Slipknot

1 Answers1