Black
Reputation: 20322
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.
<input class="timeBox" type="time" value="13:30"/>Upvotes: 6
Views: 4981
Answers (2)
Sebastian Pelaez
Reputation: 126
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"/>Upvotes: 1
sanjay prajapati
Reputation: 92
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 
Upvotes: 1
Related Questions
- Change Date input highlight color in HTML/CSS
- How to Change the background of input type time active blue background
- How do I change the color of the small clock icon that comes with the html input tag with type=time
- How to style the input type "time"
- Changing color of input type date on valid input
- How to define specific color for Bootstrap datetimepicker
- How to select with css indicator in <input type="time">?
- How to underline date/time <input> value using HTML/CSS?
- Formatting the time input field with html
- html5 datetime input - is it possible to style value presentation?