在 Chrome 中隐藏 HTML 时间输入字段上的图标

Question

在 Chrome 中，当您type="time"拥有一个输入框时，您会在输入旁边看到一个小图标时钟图标。有没有办法删除这个小时钟图标？

Answer 1

基于对这个问题的回答：将 日期输入三角形更改为日历图标

我们可以看到我们需要覆盖 -webkit-calendar-picker-indicator 伪元素，例如：

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

默认情况下，它在 Chrome 中

这是 -webkit-calendar-picker-indicator 背景无

当然，您隐藏了一个可点击的选择器的事实，因此您可能需要再次考虑如果它是只读的或进行更多样式设置，您将如何显示它。

并从下面引入 Eiriks 有用的贡献，以完全删除空间添加：

display:none;