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 to change the color of a textfield dynamically in sencha?

    How to position a div differently for a specific page?

    How do prevent a div from resizing? [closed]

    how to scroll down|up animatedly in jquery css?

    How to convert a piece of CSS code to LESS css

    How to make button in unordered list “highlight” by adding a border on click?

    How to wrap text in a element in IE

    How can I make 2 elements share the same rollover state in CSS?

    CSS (Fixed width right, fluid left, left is first in html) How do I keep left div from collapsing?

    how to Load a css file for html page android web view

    How To Get Color of WebElement From Complicated css case using Webdriver?

    How to show different logo on different pages in wordpress theme?

    how to use CSS positioning in 100% width layout

    How to call a javascript function with a css button? [closed]

    How to change height of a dynamically embedded gist?

    How can I make a div with “position:fixed” to stay out of the screen if the window overflows?

    How to prevent image moving when resizing window

    How I can set a different font size for my text by css?

    CSS Select element, how to disappear the arrow?

    How should you comment css? [closed]

    Showing border when clicking icon on phones browser

    How to give option to add css classes/IDs to content to in CMS's WYSIWYG content builder/editor to non-technical client?

    How to enable background printing by default using css or javascript?

    How to make a button go down when scrolling? (CSS)

    How to crop/cut off an image so it fits the height of the browser window?

    How to transform to <%= link_to %> with css?

    In order to output in erb exactly what you have in your original html, you could use the following: <li> <%= link_to user_path do %> <span>User</span> <% end %> </li>...
    Read more

    how to remove content border in Modal Window

    Fonts wont change and id height wont show

    How to fit a button to a hover box? And the button is not displaying properly?

    how to apply the height css property on ie9 just?