How to use html entities in CSS content property?


Tags: html,css,entities

Problem :

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!



Solution :

Hmm I found that website : http://www.evotech.net/articles/testjsentities.html

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

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


    CSS Howto..

    How does CSS resize images?

    How to fix my nav bar? Positioning is different on different screens

    CSS how to automatically resize div size?

    How to add CSS files for different platform devices? [closed]

    How to align text flush with bottom of container using CSS?

    How to customize post excerpt css

    Python: How to override text area in form using CSS

    How to switch visibility of an HTML div in css for overlaying

    why is the space (shown in image) is added below when using vertical-align? How to fix it?

    Show div on hover span styling

    How to use CSS in html table inside javascript

    how i can show the image in middle of div i want using CSS

    How to Center Logo in Responsive Header [closed]

    How to get parent DIV width and set child DIV width

    ABBR tooltip CSS styling: How to suppress original tooltip, add rounded corners? [duplicate]

    how to adjust the background color to the right height

    How to avoid a th element from inheriting properties from a tr element in IE6/7

    How do I center text next to a floating image using css?

    How can I have a table with a set height but auto height cells

    CSS: How to define a centered div with endless vertical borders and an initial height of 100%?

    How to change the text my button displays?

    how to position an element right below an “absolute” div?

    Bootstrap progress bar with gradient color showing proportionally on active width

    How to dynamically pass variables from HTML to CSS [closed]

    How to make no borders in a td rowspan rows

    How to access parent element in CSS? [duplicate]

    How to find all elements with a particular CSS style, without a JS library?

    How to set a relative position/size to the screen for elements in CSS/HTML? [closed]

    How do I let the DOM know about new elements created on the fly?

    how to avoid extra blank page at end while printing?