React MUI时间轴点颜色变化

Question

Hi我想覆盖MUI TimelineDot组件的默认颜色。我只是做了这个

<TimelineDot
sx={{
'& .MuiTimelineDot-root': { backgroundColor: '#00FF00' },
}}
/>

但这似乎不起作用。我的代码出了什么问题？

这是我的Codesandbox链接

Answer 1

无需指定类名或类似的名称。只需更改颜色即可。根据API文件

<TimelineDot
sx={{ 
backgroundColor: '#00FF00'
}}
/>