'HTML - style input type "time" - change color of selection

Is it possible to style the blue rectangles? I need to change the color to orange.

There are some handles to change some style (see here), but I couldnt find one for those.

enter image description here

<input class="timeBox" type="time" value="13:30"/>
htmlcss


Solution 1:[1]

No , It is not possible to give the other colors u can give the color to just the outer but inner part is not possible
enter image description here

Solution 2:[2]

at least you can change the icon indicator with css:

Before:

 <input class="timeBox" type="time" value="13:30"/>

After:

input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(100%) sepia(0%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
}
 <input class="timeBox" type="time" value="13:30"/>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 sanjay prajapati
Solution 2 Black

Related Questions