comment afficher le symbole 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 ( € ):before et :after pseudoelements.

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

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

Merci d'avance.

11
demandé sur Alan Piralla 2013-12-06 21:22:10

2 réponses

utiliser le caractère " € " en tant que tels travaux à condition que le codage de caractères déclaré du fichier CSS (ou, si la feuille de style apparaît à l'intérieur d'un fichier HTML, du fichier HTML) coïncide avec le codage réel.

étant donné que les serveurs ne spécifient normalement pas l'encodage des caractères pour les fichiers CSS, Il devrait suffire de sauvegarder le fichier comme encodé UTF-8 avec BOM. Le BOM permet aux navigateurs de reconnaître automatiquement l'encodage.

si cela n'est pas faisable, utilisez la méthode mentionné par @Alohci:'AC'. C'est un CSS escape cela fonctionne indépendamment de l'encodage des caractères, mais il n'est pas particulièrement lisible.

12
répondu Jukka K. Korpela 2017-01-12 18:58:32

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

.my-span:after {
    content: '€';
}
8
répondu Advocation 2013-12-06 17:25:24