css - 隐藏 Google Chrome 中的日历图标

Question

有谁知道如何在 Chrome 中隐藏日期字段上的日历图标？

<input type="date" />

当我查找它时，我发现我应该使用 ::-webkit-calendar-picker-indicator 但这似乎并不能解决问题。

Answer 1

尝试这样的事情

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

<input type="date" class="date-input">