CSS“content”属性中的HTML特殊字符

Question

我正在尝试使用CSS在项目之前添加内容：before + content：fields。我想插入一个复选标记（☑），但如果我在内容选项中使用它，它会打印为文字。如何告诉CSS使其成为复选标记，而不是文字字符串☑？

Answer 1

试试这个：

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

Answer 2

您需要在content属性中使用Unicode值。 （list of miscellaneous symbols也可能有用。）

重复选项标记列为U+2713，因此您可以放置​​content: "\2713";

Answer 3

在CSS规则中使用复选框字符而不是编码 -

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

请参阅：http://jsfiddle.net/e3Wt2/