react.js之antd中如何修改覆盖默认样式及样式引用

如何覆盖antd的默认样式

step.1 通过浏览器调试面板，找到需要修改的样式class 名

如下所式.ant-time-picker-input

step.2 添加自定义样式mystyle

index.less样式文件中添加如下样式

.mystyle :global(.ant-time-picker-input) {width: 120px;}

step.3 如何在 component组件中引用自定义样式

import styles from '../index.less'class myComponet extends Component {render(){return(<><div className={styles.mystyle}><TimePicker placeholder="结束时间" size="small" /><div></>)}}