enter image description here

这是我的日期拾取器从material 用户界面,我唯一想要的是更改边框 colored颜色 .我try 了一些类,使用WithStyles更改主题的主色.似乎什么都不管用.

推荐答案

className属性当前不适用于MUI日期 Select 器组件.这个错误的分数是open issue on GitHub.

或者,可以将classNameprops 传递到renderInputprops ,如下所示:

<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以了解此用法的现场工作示例.

Javascript相关问答推荐

禁用从vue.js 2中的循环创建的表的最后td的按钮

使用print This时, map 容器已在LeafletJS中初始化

通过使用100%间隔时间来代表我们还剩多少时间来倒计时

Google maps API通过API返回ZERO_RESULTS,以获得方向请求,但适用于Google maps

当点击注册页面上的注册按钮时,邮箱重复

如何根据当前打开的BottomTab Screeb动态加载React组件?

变量的值在Reaction组件中的Try-Catch语句之外丢失

如何在ASP.NET中使用Google Charts API JavaScript将条形图标签显示为绝对值而不是负值

在画布中调整边上反弹框的大小失败

在JS中动态创建对象,并将其追加到HTML表中

使用jQuery find()获取元素的属性

不同表的条件API端点Reaction-redux

JavaScript将字符串数字转换为整数

在ChartJS中使用spanGaps时,是否获取空值的坐标?

调用特定数组索引时,为什么类型脚本不判断未定义

如何按区域进行过滤并将其从结果数组中删除?

如何缩小函数中联合返回类型的范围

如何在函数组件中保留对计时器的引用

鼠标进入,每秒将图像大小减小5%

使用重新 Select 和对象理解 Select 器备忘