Ant Design 中覆盖组件样式

本文介绍了在Ant Design中如何覆盖组件样式,特别是在业务场景下需要注意的两点:一是由于antd组件类名不受CSS Modules影响,因此需要在全局范围内使用特定className来覆盖;二是为了避免样式污染其他Select组件,需使用额外的className进行限制。
摘要由CSDN通过智能技术生成

Ant Design 中覆盖组件样式

业务场景:

由于业务的个性化需求,我们经常会遇到需要覆盖组件样式的情况,这里举个简单的例子。

antd Select 在多选状态下,默认会展示所有选中项,这里我们给它加一个限制高度,超过此高度就出滚动条

代码:

// TestPage.less
.customSelect {
  :global {
    .ant-select-selection {
      max-height: 51px;
      overflow: auto;
    }
  }
}

   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值