Property content doesn't display

Question

In my css i put:

nav label:AFTER {
   content: "  ▾";
}

But in chrome it display like this:

content: " â–¾";

i already add <meta charset="utf-8"/> in my jsp page and @CHARSET "utf-8"; in css file.

Checkout this, better to use code of symbols. http://stackoverflow.com/questions/5030551/cssafter-encoding-characters-in-content — Slawa Eremin, Jan 02 '14 at 17:15
to be honest, i don't know any other crossbrowser way to do this. — Slawa Eremin, Jan 02 '14 at 18:51
There should be no problem if your CSS file is UTF-8 encoded and the Content-Type response header's charset is UTF-8. — Fabrício Matté, Jan 02 '14 at 23:49
Where can i put the Content-Type response header's charset ? and how ? — Hayi, Jan 03 '14 at 09:06
i add `<%@ page contentType="text/html; charset=UTF-8" %>` and it's work if i put `▾` in jsp page but not if i put `▾` in css file ! — Hayi, Jan 03 '14 at 09:52

score 2 · Answer 1 · answered Jan 02 '14 at 23:45

2

What about something like this:

HTML:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

CSS:

ul{
list-style-type: none;
}

ul li{
display: inline-block;
position: relative;
margin-right: 10px;
}

ul li:after {
content:'';
position: absolute;
top: 10px;
right: -10px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;    
border-top: 3px solid black;
}

And the Fiddle..

answered Jan 02 '14 at 23:45

Goombah

2,835
2
12
22

thanks it's work but i want a another and easy solution of charset. – Hayi Jan 03 '14 at 09:05

score 0 · Accepted Answer · answered Jan 04 '14 at 19:17

0

Finally it's work just with

<%@ page contentType="text/html; charset=UTF-8" %>

i try this code at work but it didn't work but when i went to home it's work with my pc !

answered Jan 04 '14 at 19:17

Hayi

6,972
26
80
139

Property content doesn't display

2 Answers2