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

把这段代码添加到css，我希望会被删除

一种方法是在日期选择器上覆盖一个文本输入框，然后使用showPicker()方法触发日期选择器对话框。使用change事件将日期输入中的任何更改反映到文本输入中。我还没有格式化日期，但您可以使用Intl.DateTimeFormat对象使日期区域设置友好。
只是一个提示：由于安全原因，这在codepen或snippet编辑器上不起作用，因此要测试它，您必须将其放到localhost或您的开发环境中。

const textInput = document.querySelector('.datepicker input[type="text"]');
const dateInput = document.querySelector('.datepicker input[type="date"]');
textInput.addEventListener('focus', (e) => {
  dateInput.showPicker();
});
dateInput.addEventListener('change', (e) => {
  textInput.value = dateInput.value; //Use Intl API to format the date if you want.
});

.datepicker {
  width: 8rem;
  position: relative;
}

.datepicker input {
  width: 100%;
  box-sizing: border-box;
}

.datepicker input[type='date'] {
  position: absolute;
  inset: 0;
  z-index: -1;
}

<div class='datepicker'>
  <input type=text placeholder='yyyy/mm/dd'>
  <input type=date>
</div>