Recolor bootstrap-datetimepicker

Question

我正在使用bootstrap-datetimepicker，我不想重新着色.today標誌，但我找不到css選擇器。

這是我有：

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

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

Answer 1

變化

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

你可能想改變border-bottom-color: #337ab7;也

.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; 
} 

Answer 2

由於插件的更新版本，類名可能會隨時更改。

.bootstrap-datetimepicker-widget.dropdown-menu { 
    background-color: #30363b; 
    border-color: #2b3135; 
    width: 100%; 
} 
.bootstrap-datetimepicker-widget.dropdown-menu:after, 
.bootstrap-datetimepicker-widget.dropdown-menu:before { 
    display: none !important; 
} 
.bootstrap-datetimepicker-widget.dropdown-menu .arrow { 
    display: none !important; 
} 
.bootstrap-datetimepicker-widget.dropdown-menu .arrow:after, 
.bootstrap-datetimepicker-widget.dropdown-menu .arrow:before { 
    display: none !important; 
} 
.bootstrap-datetimepicker-widget.dropdown-menu a span:hover, 
.bootstrap-datetimepicker-widget.dropdown-menu a span:focus { 
    background-color: #32aa62 !important; 
    color: #fff !important; 
}