重复问题
- 我已搜索现有的问题
最新版本
- 我已测试了最新版本
重现步骤 🕹
链接到实时示例: https://codesandbox.io/s/styled-components-forked-rcl437
步骤:
- 点击按钮以打开弹出窗口
当前行为 😯
弹出窗口的背景颜色为白色
预期行为 🤔
弹出窗口的背景颜色应为红色
上下文 🔦
我正在尝试使用Popover API来自定义我的组件样式,但是如果使用styled-components样式引擎,则slotProps.paper中的sx属性不起作用。
你的环境中 🌎
npx @mui/envinfo
System:
OS: Windows 10 10.0.22621
Binaries:
Node: 20.0.0 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 9.8.1 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: 115
Edge: Spartan (44.22621.1992.0), Chromium (115.0.1901.188)
npmPackages:
@mui/base: 5.0.0-beta.9
@mui/core-downloads-tracker: 5.14.3
@mui/material: ^5.14.3 => 5.14.3
@mui/private-theming: 5.13.7
@mui/styled-engine: ^5.13.2 => 5.13.2
@mui/styled-engine-sc: ^5.12.0 => 5.12.0
@mui/system: 5.14.3
@mui/types: 7.2.4
@mui/utils: ^5.14.3 => 5.14.3
@mui/x-date-pickers: 5.0.20
@mui/x-date-pickers-pro: ^5.0.4 => 5.0.20
@mui/x-license-pro: ^6.9.0 => 6.10.2
@types/react: ^18.2.18 => 18.2.18
react: ^18.2.0 => 18.2.0
react-dom: ^18.2.0 => 18.2.0
styled-components: ^5.3.11 => 5.3.11
typescript: 4.9.5
4条答案
按热度按时间vjrehmav1#
@Kryptesa 我可以在沙盒中看到,当通过
sx
时,应用了background
的颜色。6gpjuf902#
在沙盒中,您正在使用情感风格引擎,而不是我在问题中提到的样式组件。
kknvjkwl3#
在我看来,这看起来像是一个错误。
nwo49xxi4#
当我尝试在论文中添加一些
pb
时,也遇到了同样的问题,即使尝试使用slotProps
和遗留的PaperProps
,但仍然存在相同的问题。