在 Google Chrome 中隐藏日历图标

Question

有谁知道如何在 Chrome 的日期字段上隐藏日历图标？（输入[类型=“日期]）

当我查找它时，我发现我应该使用“::-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">