我正在使用多个日期选择器,我想自定义它,但css是不是它的工作,我尝试了内联风格以及外部样式通过给className,但它dosent工作I want to change its height
<DatePicker
sx={{height:'35px'}} //its not working!!
label="Due Date"
className="DatePicker"
renderInput={(params) => <TextField {...params} />}
value={selectedDate}
onChange={(newValue) => setSelectedDate(newValue)}
/>
3条答案
按热度按时间lpwwtiir1#
您必须通过使用
<TextField>
组件中的sx
属性来应用样式,并将类.MuiInputBase-input
作为元素的目标。下面是你需要的代码,这里是codesandbox。
sqougxex2#
使用一个其他类型的日期选择器代替.例如
StaticDatePicker
为大高度数据选择器nc1teljy3#
我使用新的
@mui/x-date-pickers
将大小从中等更改为小型时也遇到了类似的情况。我必须使用
DatePicker
组件的slotProps
,如下所示:Check the doc.