我正在使用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>
查看其外观,结束日期时间为默认输入框大小:
有人定制过吗,请帮忙!