sx我正在嘗試使用道具以一次性方式設定 TextField 組件的樣式：
<TextField
size="small"
sx={{
padding: '1px 3px',
fontSize: '0.875rem',
lineHeight: '1.25rem',
}}
{...params}
/>
我正在使用 MUI v5。如果我檢查輸入元素，則不會應用樣式。我錯過了什么？
更新：似乎樣式實際上是通過其生成的類添加到包裝器元素中的。但我需要設定輸入元素的樣式。
我也嘗試過使用inputProps，但這根本沒有做任何事情。
uj5u.com熱心網友回復：
您可以通過直接通過sx. 例如：
<TextField
label="My Label"
defaultValue="My Value"
size="small"
sx={{
".MuiInputBase-input": {
padding: '1px 3px',
fontSize: '0.875rem',
lineHeight: '1.25rem',
}
}}
/>
作業 CodeSandbox：https ://codesandbox.io/s/customizedinputs-material-demo-forked-jog26e?file=/demo.js
uj5u.com熱心網友回復：
你需要的是“inputProps”。檢查您是否將該 sx 正確包裝為物件而不是“=”
<TextField size="small" inputProps={{sx:{
padding: '1px 3px',
fontSize: '0.875rem',
lineHeight: '1.25rem'
}}} />
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/445006.html
上一篇：準確檢測瀏覽器是否支持平滑滾動？
下一篇：為什么向下滾動時頁腳會隱藏內容？