chrome 82 - 隐藏输入类型时间“时钟”符号

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;
}