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框架-序言
下一篇:
相关文章
-
无相关信息