css ::before attr() 和 unicode

Question

我有一个标签，其属性包含代表图标的 unicode。 我想为此标签 ::before 制定一个 css 规则，以将内容设置为 unicode。 但是 unicode 是打印出来的，而不是被解释的。

CSS：

i::before
{
  content: attr(icon);
}

HTML：

<i icon='\f1e8'></i>

甚至有可能吗？

PS：似乎我不得不找到一个技巧，因为我正在处理一个 @font-face 不起作用的 Shadow DOM，并且图标 attr 将被数据绑定......

Answer 1

您需要使用 UTF-8 字符在 html 中使用。工作示例如下：

i::before
{
  content: attr(icon);
}

<i icon=''></i>