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

时间:2019-09-18 18:30:26

标签: css ng-zorro-antd

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

想要实现:

  • 宽度响应

  • 悬停和聚焦时没有轮廓

我所做的是: nzSize =“大” [nzStyle] =“ {'width':'440px'}”

,然后在ng-zorro的theme.less文件中将其修改为50px,它可以工作,但宽度是固定长度。

          <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>

enter image description here

查看其外观,结束日期时间为默认输入框大小:

enter image description here

有人定制过吗,请帮忙!

0 个答案:

没有答案