为了快速开发,我们做项目时经常引用第三方的UI组件库,如Zent、Ant Design等。有时候,引用第三方组件的样式与我们自己写的组件的样式差异很大,我们需要修改第三方组件的默认样式。
怎么修改覆盖react antd(Ant Design)中的默认样式?
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(<>
>)
}
}
更多前端开发知识,请查阅 HTML中文网 !!