Специальные символы HTML в атрибуте «контент» CSS

Question

Я пытаюсь добавить контент к чему-либо перед элементом, используя поля CSS: before + content:.Я хочу вставить галочку (☑), НО, если я использую это в опции контента, он печатается как литерал.Как я могу сказать CSS сделать эту галочку, а не буквальную строку ☑?

Answer 1

Попробуйте это:

#target:before {
  content: "\2611";
}

Answer 2

Вам необходимо использовать Unicode значения внутри свойства content. (Список других символов также может быть полезен.)

Тяжелая галочка указана как U+2713, поэтому вы должны поставить content: "\2713";

Answer 3

Используйте символ-флажок буквально в вашем правиле CSS вместо кодировки -

#target:before {
    content: "☑";
}

См .: http://jsfiddle.net/e3Wt2/