Angular中修改第三方組件的樣式 - zorro日期選擇器右端不對齊的BUG

  • 在一列上同時使用zorro的日期選擇器和input組件會出現右端不對齊的BUGnzSpan設置爲同樣)
  • 圖片描述
    上圖中3個表單項:單據日期、開票、交貨方式,nzSpan數值是同樣的,能夠看到日期選擇器和下面的「交貨方式」右端沒有對齊
  • 在瀏覽器控制檯中層層展開後到達下面的路徑:
  • 圖片描述
  • 能夠看到ant-calendar-picker是日期選擇器組件的官方提供的樣式,在該樣式下手動追加屬性width:100%,右端就能夠對齊了,那麼接下來只要應用到源碼中就行了
  • 結果在當前組件的css文件中直接.ant-calendar-picker{width:100%;}是沒有效果的,要這樣使用纔有效:::ng-deep .ant-calendar-picker{width:100%;}
相關文章
相關標籤/搜索