1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > react 引入antd 样式_怎么修改react antd中的默认样式?

react 引入antd 样式_怎么修改react antd中的默认样式?

时间:2022-02-27 00:25:32

相关推荐

react 引入antd 样式_怎么修改react antd中的默认样式?

为了快速开发,我们做项目时经常引用第三方的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中文网 !!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。