10

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

但是,这似乎不像在 css 中那样工作。当然,我可以为这个关闭图标使用 svg 作为替代方案,我只是好奇这是否可以通过 styled-components 实现?它似乎允许空白的伪选择器,例如''

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

3 回答 3

21

我认为您需要结合以下两条评论:

content: "\\d7"

这对我有用。

于 2019-07-23T11:22:52.503 回答
1

尝试更新参考:

content: '×';

https://brajeshwar.github.io/entities/上提供了其他替代编码格式。

于 2017-05-22T15:20:19.700 回答
0

看看问题是不是引号

content: '"\\00d7"'

将道具与三元运算符一起使用时遇到了这个问题

于 2021-06-21T17:01:18.253 回答