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..

    Css - how hide third element td?

    Some misunderstanding how to use bootstrap and css

    how to reference background image urls in css through config entrys

    How to apply picture for submit button

    How to create rolldown content with css?

    How to make div expand width 100% responsively?

    How can I prevent the seconds portion from displaying on the HTML5 time input element?

    How to stretch an input button to available width and center it's text using CSS padding and text-indent?

    How do i automatically resize Fonts and Images (complete Website) on window-resize?

    How to make jQuery add css dynamaically on window resize

    Show jquery datepicker with HTML/CSS image

    how to vertically center align div elements with contents other than text

    JS+CSS How to display images from an array from top right to bottom left

    How to expand sidebars sub-menu to the correct size?

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

    css how to float or display two elements of unknown widths next to each other inside a div of unknown width

    How to use bootstrap-theme.css with bootstrap 3?

    How do you position divs on a line with space in the middle, without fixing the width of the container?

    How to hide text without ID?

    How to create four even and fluid css columns?

    How to align image as pseudo element?

    How to make comment shape using css

    How to move a circle down by 15px with CSS HTML

    How to make my button display two different images once clicked?

    Should be Simple: How to preserve data on a page of basic javascript/css/html when going to another page

    How do I add another tab using CSS3? Noy Hadar

    How to hide element using Class; instead of using css function in JQuery? [closed]

    How to add styling (CSS) to tags in Javascript/Jquery

    How to add top-right arrow in bootstrap navbar dropdown menu

    How to eliminate the padding in the nav menu from Refinery CMS?