Javascript 将日期输入三角形更改为SVG导入图标

按日期输入字段中的下拉箭头时，将显示一个日历，可用于选择日期。我想用一个图标来代替这个箭头

我已经创建了一个日期字段，并希望用于从日历中选择日期的向下箭头更改为已导入的SVG图标

我是否可以将箭头更改为svg图标，或者是否需要隐藏箭头并创建功能，以便单击图标生成日历

到目前为止，我有一个带有日期输入和图标的容器：

<InputContainer>
    <input type="date" max= "9999-12-31" />
    <CalendarIcon/>
</InputContainer>

---

您可以先隐藏箭头，然后使用导入的图像作为下一步。对于第一步，请查看此链接上的答案：

此外，您还可以使用

position: absolute

---

然后修改图像在容器中的位置。

我严重怀疑您是否能做到这一点。可能有些浏览器会允许您这样做，但忘记了跨浏览器兼容性。唯一的方法是从头开始重新实现日期输入。或使用