CSS Content displaying down arrow beside a span tag

Question

Weird , i had this working before but stopped out now and doesn't seem to get corrected. I would like to display a down arrow through CSS using Content but the content does not get encoded(or what ever that process is known as).

JsFiddle

http://jsfiddle.net/HjuGR/1/

score 12 · Accepted Answer · answered Feb 18 '12 at 06:03

12

After looking up this issue, I think you can use a backslash followed by the unicode number in the content string value http://archivist.incutio.com/viewlist/css-discuss/60075. This worked for me

.drop::after{content:"\2193"}

answered Feb 18 '12 at 06:03

kevinAlbs

1,114
2
11
20

the Twitter Bootstrap guys seem to use it for down arrow in the menu. How does that work then – Deeptechtons Feb 18 '12 at 06:06

score 3 · Answer 2 · edited May 23 '17 at 12:24

3

You need to use UTF-encoded symbols here:

.drop::after{content:"\2193"}

Here similar question on SO

edited May 23 '17 at 12:24

Community

1
1

answered Feb 18 '12 at 06:03

neoascetic

2,476
25
34

CSS Content displaying down arrow beside a span tag

JsFiddle

2 Answers2