chrome 82 - hide input type time "clock" symbol

Viewed 1798

starting chrome 81 or 82, the input type time has a clock symbol to its right - how can I hide it (input should still be editable, so not readonly)?

1 Answers

You can edit the icon by this selector:

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

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

So, for hide the icon:

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