• 在一列上同時使用zorro的日期選擇器和input組件會出現右端不對齊的BUG（nzSpan設置為一樣）
• 
  上圖中3個表單項：單據日期、開票、交貨方式，nzSpan數值是一樣的，可以看到日期選擇器和下面的“交貨方式”右端沒有對齊
• 在瀏覽器控制臺中層層展開后到達下面的路徑：
• 可以看到ant-calendar-picker是日期選擇器組件的官方提供的樣式，在該樣式下手動追加屬性width:100%，右端就可以對齊了，那么接下來只要應用到源碼中就好了
• 結果在當前組件的css文件中直接.ant-calendar-picker{width:100%;}是沒有效果的，要這樣使用才有效：::ng-deep .ant-calendar-picker{width:100%;}

總結

以上是生活随笔為你收集整理的Angular中修改第三方组件的样式 - zorro日期选择器右端不对齐的BUG的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。