改变Antd Angular 默认样式

本文介绍了Angular中如何使用::ng-deep、.root和/host/deep/等选择器来穿透组件样式隔离,实现自定义CSS覆盖组件默认样式。通过在CSS文件中直接定义审查元素中找到的类名,可以更改应用中的特定样式。同时,官方文档提供了更多关于组件样式的指导。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

类名等 前加::ng-deep;
类名等 前加:root;
类名等 前加:host /deep/;

在审查元素中找到对应的类名或id,然后直接在自己的css文件中用相同的名字定义样式就可以直接替换了。

    ::ng-deep .ant-input-group-addon{
      background-color: @tabs-card-head-input-background;
      border: 1px solid @tabs-card-head-input-background;
    }

在这里插入图片描述
在这里插入图片描述
官方文档:https://angular.cn/guide/component-styles

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值