IT技术 - 如何在 React 中禁用 Material UI 日期选择器的下划线？ - 吾爱随笔录

IT技术 reactjs material-design material-ui

2021-05-25 03:12:54

如何禁用向 material-ui-pickers 显示下划线？

我想删除它的下划线TextField。

我试过

disableUnderline={true}

underlineStyle={{display: 'non'}}

showingUnderline={false}

但没有任何效果，如何隐藏下划线？

<DatePicker
    underlineStyle={{display: 'none'}}
    value={selectedDate}
    onChange={this.handleDateChange}
    animateYearScrolling={false}
/>

1个回答

material-ui date-picker 是来自基础的文本字段，您只需使用 input-props 即可删除下划线

（DatePicker、TimePicker 和 DateTimePicker 都会以这种方式工作）

<DatePicker
  value={selectedDate}
  InputProps={{
   disableUnderline: true,
  }}
  onChange={this.handleDateChange}
/>

从这里找到示例

希望能帮到你

其它你可能感兴趣的问题