0

Is it possible to change the color of this and other special characters?

<div style="color:red;">This text is red but the following symbol isn't: &#10006 </div>

Apparently, the symbol is actually an image. So that explains why it's immune to the color attribute. But is there a way of changing the color nonetheless?

I found this question Change color of PNG image via CSS? but the answer a) didn't work in my browser or b) required several lines of code. I wondered whether there might be a better alternative, since this should be a very common issue.

Community
  • 1
  • 1
g35232t54
  • 37
  • 1
  • 7
  • On [this fiddle](http://jsfiddle.net/fguu1cgd/) the code works fine, and the 'X' is turned red. You might need to post a little more code for us to work out what's happening. – Singular1ty Jul 28 '15 at 02:39
  • 1
    Thanks for the comment! Huh... yes, it works for me, too. However, on my website, it doesn't. I use Wordpress and the Tempera theme. If you need more info, please let me know. – g35232t54 Jul 28 '15 at 02:54
  • Special characters usually are represented purely as text, rather than images. It sounds more like a problem specific to wordpress, and perhaps specific to the Tempera theme too. Consider double-checking with the Wordpress community themselves or asking/checking under the `wordpress` tag here on stackoverflow. – Singular1ty Jul 28 '15 at 03:49

1 Answers1

0

The code is working perfectly. Use &#10006; instead of &#10006 as HTML entity is not closed and might create style error.

To change color, use CSS color property.

Peter O.
  • 32,158
  • 14
  • 82
  • 96
Avinash Malhotra
  • 596
  • 7
  • 8