I want to get rid of that black line which is there in the datepicker as you can see in the screenshot. How do I do that?
This is the code of my datepicker.
<KeyboardDatePicker
error={this.state.quickRegFormErrors["dob"]||this.state.quickRegFormErrors["form_dob"] }
helperText={(this.state.quickRegFormErrors["dob"] && "Date Of Birth is Required") || (this.state.quickRegFormErrors["form_dob"]) }
required
id="dob"
name="dob"
style={{width:"80%", marginTop:"15px"}}
clearable
value={this.state.dob}
placeholder="dd/mm/yyyy"
onChange={this.dateOnChange}
format="dd/MM/yyyy"
disableFuture= {true}
autoOk={true}
className="quick-reg-datepicker"
/>
最佳答案
您可以在自定义 css 文件中删除该行。
.quick-reg-datepicker .MuiInput-underline:before {
content: none !important;
}
.quick-reg-datepicker .MuiInput-underline:after{
content: none !important;
}
关于javascript - 将自定义 CSS 样式添加到 Material UI KeyboardDatePicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66459064/