Matjaž Mav Matjaž Mav -4 years ago 313
CSS Question

Recolor bootstrap-datetimepicker

I am using bootstrap-datetimepicker and I wan't to recolor

.today
flag, but I can't find right
css
selector.

This is what I have:

#datetimepicker .dropdown-menu {
td.active{
color: red;
background-color: blue;
}

td.today:not(.active) {
color: white;
background-color: orange;
}
}


enter image description here

Answer Source

Change

.bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; }

You would probably want to change border-bottom-color: #337ab7; also in

.bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download