React 替换 CSS `content` 中的特殊字符

Question

问题

加载我的 React webapp 时，有时特殊字符（例如 ⋮）会被其他字符的字符串（例如 â‹®）替换。特殊字符 大多数 的时间都正确显示，但是当这个错误发生时，下面列出的所有特殊字符都无法正确显示。我无法故意复制这个问题。

代码示例

特殊字符都在 CSS 样式中：

.someElement:before {
  content: "⋮";
}

示例字符

以下是看似随机发生的意外替换：

预期角色	出现的字符
⋮	â‹®
▾	â–¾
✔	✔

Answer 1

要在 CSS 中使用特殊字符，您必须添加它们的 CSS entity 而不是仅添加字符

在你的情况下你想添加 ⋮ 到 css 其实体代码是 \22EE

.someElement:before {
  content: "EE";
}

查看更多实体代码

https://www.w3schools.com/cssref/css_entities.asp