在输入点击时打开 html5 日期选择器

Question

默认情况下，单击图标时会打开日期选择器。

现在，我希望在单击输入字段时显示日期选择器。我可以通过将图标放大到 100% 宽度来实现这一点，但我不能让它透明，所以根本没有图标，只有文本可见...

我想我前几天已经看到了解决方案，但现在，我什么也没找到。

怎样才能达到想要的效果？ PS：onFocus 解决方案甚至比 onClick 更好。

input#modified::-webkit-calendar-picker-indicator {
  width: 100%;
  margin: 0;
  border: 1px solid red;
  background: none;
}

Normal: only icon-click shows datepicker 
<input type="datetime-local" ><br>
Modified: click red outline for datepicker
<input type="datetime-local" id="modified">

Answer 1

This 适合我。是以前看过但没找到的答案

在输入点击时打开 html5 日期选择器

Open html5 datepicker on input click

html

css

input

datepicker