How to add html special character (right-arrow) using content property of css?

Question

(This question already has an answer here): question from:https://stackoverflow.com/questions/18186180/how-to-add-html-special-character-right-arrow-using-content-property-of-css

Answer 1

Special characters work a little bit different with pseudo-elements. You can't use HTML entities in CSS, but you can use Unicode hex escapes. Here is a tool to convert the numeric value of the special character to the CSS value.

http://www.evotech.net/articles/testjsentities.html

for example &#9658 needs to be 25BA

working example:

http://jsfiddle.net/L6suy/

.right-arrow:after {
    content:'25BA'
}