如何在nz-zorro中更改日期选择器的宽度

Question

我想使用CSS在Angular的Ant设计中更改nz-date-picker的宽度。该怎么做？

Answer 1

我找到了两种解决方案：

1. 添加样式选择器类并设置宽度，例如：

   .ant-calendar-picker {     宽度：100％;   }

   和html <nz-date-picker [nzStyle]="{'width': '100%'}" ...>

2. 您可以在组件和样式调用类中设置encapsulation: ViewEncapsulation.None

   .ant-calendar-picker {     宽度：100％; //覆盖内联ng zorro span样式宽度；   }