只启用<输入类型= "日期">的日历模式

Question

如何在date类型输入中仅禁用单击日历图标时出现的日历模式

<input type="date">

输入图片描述

Answer 1

应用以下样式:

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

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

<input type="date">