在输入点击时打开 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 为我工作。 这是我以前见过但没有找到的答案。