我想從DesktopDatePickerMaterial UI 中洗掉標簽。我洗掉了 label 道具，并實作了這一點，但現在占位符文本被移低了。出于某種原因，默認（概述）變體不會發生這種情況。
我想使用填充變體并實作相同的構圖。
這是去掉標簽后的樣子：
使用概述的變體，它看起來像這樣：
這是我的代碼：
<DesktopDatePicker
inputFormat="MM/DD/YYYY"
value={null}
onChange={(newValue: Dayjs | null) => console.log(newValue)}
InputProps={{ disableUnderline: true }}
renderInput={(params) => (
<TextField
variant="filled"
sx={{
".MuiInputBase-root": {
borderRadius: "10px",
},
}}
{...params}
/>
)}
/>
uj5u.com熱心網友回復：
您需要擴展樣式，以便覆寫默認的填充輸入樣式。
將您的 SX 道具更新為以下內容（已使用概述輸入中的填充值）。
sx={{
".MuiInputBase-root": {
borderRadius: "10px",
},
".MuiFilledInput-input": {
padding: "16.5px 14px",
}
}}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/511377.html
標籤：反应网络材料-ui前端