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

Question

在 Chrome 中，当您将type="time"属性设置为输入框时，您会在输入旁边看到一个小图标时钟图标。有没有办法去掉这个小时钟图标？

标签： htmlcssgoogle-chrome

Answer 1

基于这个问题的答案： Change date input triangle to a calendar icon

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

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

默认情况下，它在 Chrome 中

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

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

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

display:none;