psuedo选择器在样式组件中的工作方式是否与css中unicode字符的工作方式相同

Question

我有以下样式组件，并且我正在尝试添加一个unicode字符\00d7作为伪选择器的内容，伪选择器是一个十字或关闭图标。

然而，这似乎不像在css中那样工作。当然，我可以使用svg作为关闭图标的替代方案，我只是好奇是否可以使用样式组件？它似乎允许空白的伪选择器，例如''

const Close = styled.span`
  color: pink;
  &:before {
    content: '\00d7';
  }
`

Answer 1

我认为你需要将这两个评论结合起来：

content: "\\d7"

这对我很有效。

Answer 2

尝试更新对以下内容的引用：

content: '×';

https://brajeshwar.github.io/entities/上还提供了更多可选的编码格式。

Answer 3

看看问题是否不在引号上

content: '"\\00d7"'

在使用带有三元运算符的props时，我遇到了这个问题