comment afficher le symbole de l'euro dans css après et avant les pseudo-éléments

Je ne peux pas comprendre comment laisser CSS afficher le symbole de l'Euro (€) et en :before et :after pseudoelements.

.my-span:after {
    content: '€';
}

Essayé avec le symbole €u20AC et %u20AC. Rien ne semble fonctionner.

Merci d'avance.

source d'informationauteur Alan Piralla

  1. 11

    En utilisant le caractère “€” en tant que tel fonctionne à condition que la déclaration de l'encodage de caractères du fichier CSS (ou, si la feuille de style apparaît à l'intérieur d'un fichier HTML, le fichier HTML) coïncide avec le codage réel.

    Depuis les serveurs, normalement, ne pas spécifier l'encodage des caractères pour les fichiers CSS, il suffit de sauvegarder le fichier en UTF-8 avec BOM. La NOMENCLATURE permet aux navigateurs de l'auto-reconnaître le codage.

    Si cela n'est pas possible, utilisez la méthode mentionnée par @Alohci: '\20AC'. C'est un CSS échapper qui fonctionne indépendamment de codages de caractères, mais ce n'est pas très lisible.

  2. 8

    Vous devez simplement être en mesure d'utiliser le symbole - http://jsfiddle.net/8Wz9B/

    .my-span:after {
    content: '€';
}