更改 chrome 中输入类型时间的行为答案

【问题标题】：Change behavior of input type time in chrome更改 chrome 中输入类型时间的行为
【发布时间】：2020-04-03 09:31:29
【问题描述】：

如何更改输入 type=time 的行为，以便使用提供的箭头更改 chrome 和 opera 中小时前的分钟。（由于用户界面不提供相同的控件，因此问题不存在于 firefox 或 edge 中）

如果有帮助，我正在使用 Angular 9

<mat-form-field>
    <input matInput type="time" min="0" step="1800">
</mat-form-field>

【问题讨论】：

【解决方案1】：

您可以停用箭头

input[type='time']::-webkit-inner-spin-button {
  display: none;
}

或者你可以建立自己的时间输入

【讨论】：