css - NG ZORROR 自定义 nz-date-picker 样式

Question

我正在使用 NG-ZORRO 的 datetimepicker 并尝试自定义样式：

想要达到：

• 宽度响应

• 悬停和聚焦时没有轮廓

我所做的是： nzSize="large" [nzStyle]="{'width': '440px'}"

并在 ng-zorro 的文件中修改大到 50px theme.less，它可以工作，但宽度是固定长度。

          <div class="w-full md:w-1/2 px-3">
                <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2"
                    for="grid-last-name">
                    Start DateTime
                </label>
                <nz-date-picker nzSize="large" [nzStyle]="{'width': '440px'}" [nzMode]="dateMode" nzShowTime (nzOnOpenChange)="handleDateOpenChange($event)"
                    (nzOnPanelChange)="handleDatePanelChange($event)">
                </nz-date-picker>
            </div>

查看它在表单中的外观，结束日期时间是默认输入框大小：

有没有人定制过，请帮忙！