className
属性当前不适用于MUI日期 Select 器组件.这个错误的分数是open issue on GitHub.
或者,可以将className
props 传递到renderInput
props ,如下所示:
<DatePicker
label="Birthdate"
defaultValue={new Date()}
renderInput={(params) => (
<TextField {...params} className="myDatePicker" />
)}
/>
并将css应用于fieldset
个标签,如下所示:
.myDatePicker fieldset.MuiOutlinedInput-notchedOutline {
border-color: green;
}
.myDatePicker .Mui-focused fieldset.MuiOutlinedInput-notchedOutline {
border-color: red;
}
您可以查看this sandbox以了解此用法的现场工作示例.