How to use html entities in CSS content property?

Question

Good day,

I'm stuck with a problem this morning. I found out that content property which is nice but I can't use HTML entities in it.

More specifically, I would like to use the é

This is what I tried: content: 'test with eacute \233'; but the result is test with eacute ÿ

I've also tried \0233, \0233c, \233c

I don't want to change my page's encoding.

Thank you in advance guys!

Its limitedness - doesn't accept tags, etc.- is one of the reasons why the content property sucks IMO. That said, using é should work, shouldn't it? — Pekka
– Pekka, Commented Oct 18, 2010 at 15:21
did you tried © it will probably work, find the equivalent one for your symbol — Prashant Lakhlani
– Prashant Lakhlani, Commented Oct 18, 2010 at 15:21
@Pekka — No, if you pass a <string> to the content property then it is specified that it is text and not markup. — Quentin
– Quentin, Commented Oct 18, 2010 at 15:22
possible duplicate of Adding HTML entities using CSS content — DanMan
– DanMan, Commented Aug 14, 2014 at 11:55

Cybrix · Accepted Answer · 2010-10-18 15:21:48Z

9

And it looks like the é (&eacute, &#233) is converted into \00E9

And now, content: 'test with eacute \00E9'; works!

answered Oct 18, 2010 at 15:21

Cybrix

3,3185 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1