I have the following CSS:
.rating:not(:checked) > label:before {
content: '★';
}
And when being rendered, instead of a ★ I see â˜. If I use Firebug and I change the content to ★, it shows correctly.
What can be happening? How can I solve it?
Thanks
Probably the text encodings (character sets) for your CSS and HTML files do not agree.
To set a stylesheet’s encoding, use
@charset; for example:To set an HTML page’s encoding, use a
<meta>tag (in the<head>section at the top); for example:or in HTML 5:
The
@charsetof a stylesheet must agree with the encoding chosen for its HTML page.