反應 MUI 時間線點顏色變化

Question

您好我想覆蓋 MUI TimelineDot 組件的默認顏色。 我只是這樣做了

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

但這似乎不起作用。 我的代碼出了什么問題？

這是我的Codesandbox 鏈接

Answer 1

無需指定 class 名稱或類似名稱。 只需更改顏色即可。 根據 API文檔

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