Why am I unable to apply a color to ⚫ (&#x26ab)?

Question

I am unable to apply color to ⚫ (&#x26ab) in Firefox Quantum v60.1.0

I maintain a site that that uses this character with color, but it has been colorless after an upgrade to FF. Still works in IE11.

<b style="color:green;">&#x26ab</b>

Is this a bug in FF, or was this a bad practice from the beginning?

Answer 1

Use ⬤ or some other instead. The one you have listed is an Emoji. You could also use a certain web font for this case.

<b style="color:green;">&#x2B24;&#x25CF;</b>