javascript - 将日期输入三 Angular 形更改为日历图标

Question

现在我专注于让 Google Chrome 中的 input[type="date"] 显示日历图标 (.png)，而不是默认使用的向下三 Angular 形。我试着用 styling the Shadow elements 做点什么在输入中，但这需要我移动所有其他元素，因为它们使用的是 flexbox，所以它看起来不是很简单。我还希望一直显示日历图标，但我还没有想出办法做到这一点。

Answer 1

下面的代码适合我

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}

<input type="date" />