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

现在，我专注于在Google Chrome浏览器中使input[type="date"]显示日历图标(.png)，而不是默认使用的向下三角形。我试图在输入中使用styling the Shadow elements进行某些操作，但这需要我在所有其他元素周围移动，并且由于这些元素都在使用flexbox，所以它看起来并不十分简单。我希望也始终显示日历图标，但是我还没有找到一种方法来显示日历图标。

最佳答案

下面的代码对我有用

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" />