html - chrome 82 - 隐藏输入类型时间 "clock"符号

Question

从 chrome 81 或 82 开始，输入类型时间的右侧有一个时钟符号 - 我该如何隐藏它(输入应该仍然是可编辑的，所以不是只读的)？

Answer 1

您可以通过此选择器编辑图标:

// normal
input[type="time"]::-webkit-calendar-picker-indicator

// focus
input[type="time"]::-webkit-calendar-picker-indicator:focus

所以，为了隐藏图标:

input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}