html 时间字段更改 -- :-- to __:__

Question

我正在使用以下时间选择器，它给出了 --:--

<input type="time">

有什么方法可以转换默认值 --:--至 __:__来自时间域？

Answer 1

在 Chromium 中，您可以使用 ::-webkit-datetime-edit-hour-field 更改样式

input[type=time] {
  font-size: 1rem;
  border: none;  
  min-width: 6rem;
}

input[type=time]::-webkit-datetime-edit-fields-wrapper {
  display: flex;
}

input[type=time]::-webkit-datetime-edit-hour-field {
  padding: 4px 4px;
}


input[type=time]::-webkit-datetime-edit-minute-field {
  padding: 4px 4px;
}

<input type="time">