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

栏目: 编程语言 · AngularJS · 发布时间: 7年前

在一列上同时使用 zorro 的日期选择器和 input 组件会出现右端不对齐的 BUG （ nzSpan 设置为一样）
上图中3个表单项：单据日期、开票、交货方式， nzSpan 数值是一样的，可以看到日期选择器和下面的“交货方式”右端没有对齐
在浏览器控制台中层层展开后到达下面的路径：
可以看到 ant-calendar-picker 是日期选择器组件的官方提供的样式，在该样式下手动追加属性 width:100% ，右端就可以对齐了，那么接下来只要应用到源码中就好了
结果在当前组件的 css 文件中直接 .ant-calendar-picker{width:100%;} 是没有效果的，要这样使用才有效： ::ng-deep .ant-calendar-picker{width:100%;}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

Programming Amazon Web Services

James Murty / O'Reilly Media / 2008-3-25 / USD 49.99

Building on the success of its storefront and fulfillment services, Amazon now allows businesses to "rent" computing power, data storage and bandwidth on its vast network platform. This book demonstra......一起来看看《Programming Amazon Web Services》这本书的介绍吧!

码农工具