角度6时间选择器似乎切断了MM显示器的末端

Question

在所有浏览器中，时间选择器中的分钟都被切除，如图中所示，有什么办法可以纠正此问题？我看不到任何明显的东西。 “ timeColor”类仅设置颜色。

<div class="row">
    <div class="col-4 center-datepicker"><input type="text" class="form-control" bsDatepicker [(ngModel)]="eventDetail.StartDateTime" id="startDate" name="startDate" [bsConfig]="{ dateInputFormat: 'DD MMMM YYYY'}" #startDate="ngModel" autocomplete="off"/></div>
    <div class="col-2"><timepicker [(ngModel)]="eventDetail.StartDateTime" id="startTime" name="startTime" class="timeColor" #startTime="ngModel" (isValid)="isStartTimeValid($event, startTime, endTime)"></timepicker></div>
</div>

Answer 1

对于任何寻求答案的人，我将以下内容添加到组件css文件中

:host ::ng-deep #startTime input{
    width: 80px;
}

这增加了时间选择器中输入框的宽度，而不会影响页面上的其他输入