Как стилизовать значок выбора ввода времени с пользовательским фоном и белым цветом? ⇐ Html

[Anonymous]

Я пытаюсь настроить средство выбора времени в HTML. Я хочу, чтобы значок выбора календаря имел цвет фона #405da7, а сам значок был белым. Вот что у меня есть на данный момент:

Код: Выделить всё

input[type="time"]::-webkit-calendar-picker-indicator {
background-color: #405da7;
border-radius: 50%;
cursor: pointer;
padding: 5px;
filter: invert(1) grayscale(100%) brightness(200%);
}

Свойство filter не дает мне точно белого значка, и я не уверен, что это правильный подход. Как сделать фон значка #405da7 и сам значок чисто белым во всех браузерах?

Подробнее здесь: https://stackoverflow.com/questions/797 ... hite-color