CSS“内容”属性中的 HTML 特殊字符答案

【问题标题】：HTML special characters in CSS "content" attributeCSS“内容”属性中的 HTML 特殊字符
【发布时间】：2010-12-18 02:44:22
【问题描述】：

我正在尝试使用 CSS :before + content: 字段在项目之前添加内容。我想插入一个复选标记 (☑)，但如果我在内容选项中使用它，它会打印为文字。我怎样才能告诉 CSS 做一个复选标记，而不是文字字符串 ☑？

【问题讨论】：

问题表述模糊不清。它可能是指像 &#9745; 这样的符号，按字面意思显示（解释是它们在 CSS 中没有特殊含义），即尝试对 CSS 中的字符使用 HTML“转义”。

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

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

一个很重的复选标记被列为U+2713，所以你可以输入content: "\2713";

【讨论】：

【解决方案3】：

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

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

【讨论】：