将日期输入三角形更改为 SVG 导入的图标答案

【问题标题】：Change the date input triangle to an SVG imported Icon将日期输入三角形更改为 SVG 导入的图标
【发布时间】：2019-07-22 19:45:54
【问题描述】：

当您在日期输入字段中按下下拉箭头时，会出现一个日历，可用于选择日期。我想用一个图标替换这个箭头。

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

我可以将箭头更改为 svg 图标，还是需要隐藏箭头并创建功能以便 onClick，图标生成日历？

到目前为止，我有一个容器，其中包含日期输入和一个相邻的图标：

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

【问题讨论】：

【解决方案1】：

您可以先隐藏箭头，然后使用导入的图像作为下一步。第一步，请查看此链接上的答案：https://stackoverflow.com/a/41257977/1325369

你也可以使用你的图片样式

position: absolute

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

【讨论】：