Javascript 增加日期输入按钮可点击区域

我有一个日期输入元素

<input type="date" >

以下红色方框是默认区域，单击该按钮可打开日期选择器：

我想知道是否有可能增加此区域以使其更易于单击，例如：

---

html、javascript或css中的解决方案是可以的。

尝试使用

：-webkit日历选择器指示器
伪元素


#日期输入：：-webkit日历选择器指示器{
左侧填充：100px；
边框：1px红色虚线；
}
默认情况下，输入的整个宽度都可以单击，您不必专门单击图标即可打开日历。或者这取决于浏览器，哪个浏览器强迫你点击图标？我尝试了Chrome、Opera和Edge，我必须点击该区域才能打开日期选择器。。。它在FF中的工作方式似乎有所不同。