我正在创建一个Reaction MUI Box，并按如下方式设置样式
<Box
id='my-box'
sx={{
'&::before': {
content: 'Yay! ',
backgroundColor: 'red'
}
}}
>Life is beautiful</Box>
然而，在运行时，css属性content被移除，并且仅保留background-color.如果我转到浏览器开发工具并手动键入content: 'Yay! '，则它将显示为应有的样子.
向您详细介绍:
- 以下是我的代码的屏幕截图:
- 以下是浏览器错误显示的内容:
- 在通过dev工具判断元素时，这是我看到的(请注意，缺少
content):
- 因此，我通过开发工具手动添加了
content个，结果如下:
- 并执行上面的步骤4，如预期的那样产生以下结果:
那么，如何确保在运行时不会删除css属性content呢？一开始为什么会发生这种情况？
谢谢.
