我有一個 TextField：
焦點：
這是我的主題的樣子：
const lightTheme: ThemeOptions = createTheme({
palette: {
primary: {
main: '#ffffff',
},
},
typography: {
allVariants: {
color: 'white'
},
},
components: {
MuiInputBase: {
styleOverrides: {
input: {
color: 'white',
}
}
}
}
});
我也很難在 Material UI 檔案中找到關于哪些樣式可用以及它們做什么的檔案。也許除了幫助我解決這個特定問題之外，每當我想更改任何 Material UI 組件上的樣式時，有人可以將我指向檔案中的一個好位置以供參考。
uj5u.com熱心網友回復：
如果通過瀏覽器查看樣式，就會發現邊框底部是為::before偽元素MuiInput-root類應用的。
就像我說的那樣，我想如果您將相同的內容傳遞給主題中的偽元素，它會起作用。
const lightTheme: ThemeOptions = createTheme({
palette: {
primary: {
main: '#ffffff',
},
},
typography: {
allVariants: {
color: 'white'
},
},
components: {
MuiInputBase: {
styleOverrides: {
input: {
color: 'white',
'&::before': {
border-bottom: 1px solid rgba(0, 0, 0, 0.42); // use your color
}
}
}
}
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/362501.html
上一篇：NextJS：生產中未定義的背景關系值（在開發中作業正常）
下一篇：初始化狀態迭代物件陣列