react 更改antd的默认样式

本文介绍了两种在React应用中更改Ant Design默认样式的技巧。一种是利用Less变量覆盖,另一种是在组件外部包裹样式容器,通过指定样式来定制Ant Design组件的外观。
摘要由CSDN通过智能技术生成

2种方法
1.

import styles from '../index.less';
下面为index.less代码 直接引入就是全局可以用 当然更建议外面套盒子
:global(.ant-modal-body) {// 括号里面是antd默认样式的class名字
    overflow: hidden;
  }

2.直接在antd外面套一层盒子 通过less引入 然后把样式一层层指定下去
例如

<div className ='box'>
<thead class="ant-table-thead"><tr><th clas
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值