我有以下样式组件,我正在尝试添加一个 unicode 字符\00d7
作为伪选择器的内容,它是一个十字或关闭图标。
然而,这似乎不像在 css 中那样工作。当然,我可以为这个关闭图标使用 svg 作为替代方案,我只是想知道这是否可以与样式组件一起使用?它似乎允许空白的伪选择器,例如''
const Close = styled.span`
color: pink;
&:before {
content: '\00d7';
}
`
我有以下样式组件,我正在尝试添加一个 unicode 字符\00d7
作为伪选择器的内容,它是一个十字或关闭图标。
然而,这似乎不像在 css 中那样工作。当然,我可以为这个关闭图标使用 svg 作为替代方案,我只是想知道这是否可以与样式组件一起使用?它似乎允许空白的伪选择器,例如''
const Close = styled.span`
color: pink;
&:before {
content: '\00d7';
}
`
我认为您需要结合以下两个评论:
content: "\\d7"
这对我有用。
看看问题是不是不是引号
content: '"\\00d7"'
我在使用带有三元运算符的 props 时遇到了这个问题