如何覆盖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>
</>)
}
}