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

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

Ответы

Ответ 1

Попробуйте следующее:

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

Ответ 2

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

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

Ответ 3

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

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

Смотрите: http://jsfiddle.net/e3Wt2/