素材巴巴 > 程序开发 >

ng-zorro组件库默认样式修改

程序开发 2023-09-09 18:01:46

1.nz-zorro组件样式修改

当我们想修改组件默认的样式时,一般是通过F12控制台,定位到需要修改的DOM元素,然后找到它对应的class,然后复制去我们对应代码的 css/less 文件中重写覆盖原有的组件样式。
在这里插入图片描述

// 重写组件样式,高度修改为0
 .ant-timeline-item-last>.ant-timeline-item-content {min-height: 0px;
 }
 

但是发现这么写并没有修改成功,还是组件默认的样式。

我们还需要在样式前面加上特殊的标识

注意:上面三种方法可分别尝试一下,不同情况下其中之一会生效。

// 重写组件样式,高度修改为0,就修改成功了
 ::ng-deep .ant-timeline-item-last>.ant-timeline-item-content {min-height: 0px;
 }
 

标签:

上一篇: 玩转ASP.NET Core 6.0框架-序言 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。