MUI Box Style override
總結
.MuiBox
無法直接透過 styleOverrides
來調整外觀樣式,需搭配 .MuiScopedCssBaseline
與 ScopedCssBaseline
元件來實現外觀客製化
版本與環境
@mui/material: 5.4.4
筆記
- 查看
/@mui/material/styles/createTheme.d.ts
與/@mui/material/styles/components.d.ts
會發現 MuiBox 並不存在於型別定義檔案中,即使在createTheme()
傳入 MuiBox 的樣式設定,也不會有任何效果 - 替代方案:將 MuiBox 的樣式設定包覆於 MuiScopedCssBaseline 之下,即可覆寫 MuiBox 的預設外觀