Angular中修改第三方组件的样式 – zorro日期选择器右端不对齐的BUG

在一列上同时使用zorro的日期选择器和input组件会出现右端不对齐的BUG(nzSpan设置为一样)

上图中3个表单项:单据日期、开票、交货方式,nzSpan数值是一样的,可以看到日期选择器和下面的“交货方式”右端没有对齐
在浏览器控制台中层层展开后到达下面的路径:

可以看到ant-calendar-picker是日期选择器组件的官方提供的样式,在该样式下手动追加属性width:100%,右端就可以对齐了,那么接下来只要应用到源码中就好了
结果在当前组件的css文件中直接.ant-calendar-picker{width:100%;}是没有效果的,要这样使用才有效:::ng-deep .ant-calendar-picker{width:100%;}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理